svg.escobar.life

A simple SVG markup editor for the web

Commit: 55e0e22695cf3a3f90bfb681997dc17d4c71ffcf
Parent: 9e171c9f48c648f36d624c1228c785ee39c62dba
Author: Gark Garcia <37553739+GarkGarcia@users.noreply.github.com>
Date: Thu, 1 Aug 2019 17:36:41 -0300

Fixed minor erros in styles.css. Cleaned opaque.svg and transparent.svg.

Diffstat

4 files changed, 10 insertions, 17 deletions

Status	File Name	N° Changes	Insertions	Deletions
Modified	assets/icons/source/opaque.svg	11	3	8
Modified	assets/icons/source/transparent.svg	5	2	3
Modified	assets/logo.svg	2	1	1
Modified	styles.css	9	4	5

diff --git a/assets/icons/source/opaque.svg b/assets/icons/source/opaque.svg
@@ -1,10 +1,5 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <g transform="matrix(5.55556,0,0,5.55556,-5.55556,-5.55556)">
-        <circle cx="10" cy="10" r="9" style="fill:rgb(45,43,85);"/>
-    </g>
-    <g transform="matrix(2.95273,0,0,2.95273,21.0069,23.4254)">
-        <path d="M8.68,13.473L7.16,13.473L6.24,18L0.05,18L3.72,0L11.95,0C14.36,0 16.24,0.522 17.58,1.557C18.91,2.592 19.58,4.05 19.58,5.913C19.733,8.906 17.733,11.669 14.63,12.753L17.64,17.919L11.27,18L8.67,13.473L8.68,13.473ZM11.01,4.68L8.94,4.68L8.07,8.901L10.62,8.901C11.47,8.901 12.14,8.685 12.61,8.271C13.08,7.848 13.31,7.263 13.31,6.507C13.31,5.292 12.55,4.68 11.01,4.68Z" style="fill:white;fill-rule:nonzero;"/>
-    </g>
+<svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 100 100">
+    <circle cx="50" cy="50" r="50" fill="#2d2b55"/>
+    <path fill="#fff" fill-rule="nonzero" d="M46.6365964 63.20753129h-4.4881496L39.4319352 76.57454H21.1545365L31.9910556 23.4254h24.3009679c7.1160793 0 12.6672117 1.54132506 16.6238699 4.59740061 3.9271309 3.05607555 5.90546 7.36115589 5.90546 12.86209188.45176769 8.83752089-5.45369231 16.99591388-14.6160135 20.1966732l8.8877173 15.25380318-18.8088901.23917113-7.677098-13.36700871h.0295273zm6.8798609-25.96335489h-6.1121511l-2.5688751 12.46347333h7.5294615c2.5098205 0 4.4881496-.63778968 5.8759327-1.8602199 1.3877831-1.24900479 2.066911-2.97635184 2.066911-5.20861572 0-3.58756695-2.2440748-5.39463771-6.791279-5.39463771z"/>
 </svg>

diff --git a/assets/icons/source/transparent.svg b/assets/icons/source/transparent.svg
@@ -1,5 +1,4 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg width="100%" height="100%" viewBox="0 0 100 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
-    <path d="M50,0C77.596,0 100,22.404 100,50C100,77.596 77.596,100 50,100C22.404,100 0,77.596 0,50C0,22.404 22.404,0 50,0ZM46.607,63.208L54.284,76.575L73.093,76.335L64.205,61.082C73.368,57.879 79.273,49.721 78.821,40.885C78.821,35.384 76.843,31.079 72.916,28.023C68.959,24.967 63.408,23.425 56.292,23.425L31.991,23.425L21.154,76.575L39.432,76.575L42.148,63.208L46.637,63.208L46.607,63.208ZM53.516,37.244C58.064,37.244 60.308,39.051 60.308,42.639C60.308,44.871 59.629,46.598 58.241,47.847C56.853,49.07 54.875,49.708 52.365,49.708L44.835,49.708L47.404,37.244L53.516,37.244Z" style="fill:rgb(45,43,85);"/>
+<svg xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 100 100">
+    <path fill="#2d2b55" d="M50 0c27.596 0 50 22.404 50 50s-22.404 50-50 50S0 77.596 0 50 22.404 0 50 0zm-3.393 63.208l7.677 13.367 18.809-.24-8.888-15.253c9.163-3.203 15.068-11.361 14.616-20.197 0-5.501-1.978-9.806-5.905-12.862-3.957-3.056-9.508-4.598-16.624-4.598H31.991l-10.837 53.15h18.278l2.716-13.367h4.489-.03zm6.909-25.964c4.548 0 6.792 1.807 6.792 5.395 0 2.232-.679 3.959-2.067 5.208-1.388 1.223-3.366 1.861-5.876 1.861h-7.53l2.569-12.464h6.112z"/>
 </svg>

diff --git a/assets/logo.svg b/assets/logo.svg
@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 18">
-  <path d="M8.68 13.473H7.16L6.24 18H.05L3.72 0h8.23c2.41 0 4.29.522 5.63 1.557 1.33 1.035 2 2.493 2 4.356.153 2.9925-1.847 5.7555-4.95 6.84l3.01 5.166L29.28 0h6.08l4.35 18h-6.16l-.6-3.141h-7L24.12 18H11.27l-2.6-4.527h.01zM50.93 18H44.3L42.1 0h6.1l1.19 10.26L54.84 0h5.69l1.04 10.413L67.11 0h6.08l-9.54 18H57l-1.04-9.486L50.93 18zm23.57 0c-.8 0-1.58-.09-2.34-.27-.663-.1368-1.296-.3744-1.87-.702l1.05-2.34c.959.5391 2.06.8406 3.19.873.45 0 .77-.045.97-.126.19-.09.29-.216.29-.387 0-.198-.13-.36-.38-.45-.406-.1395-.824-.2484-1.25-.324-.636-.1233-1.261-.2889-1.87-.495-.5-.18-.93-.468-1.3-.873-.39-.468-.585-1.0449-.55-1.629 0-.594.17-1.143.5-1.629.35-.486.86-.873 1.54-1.152.67-.279 1.5-.423 2.46-.423.67 0 1.32.072 1.96.216.64.135 1.2.342 1.7.612l-.99 2.322c-.818-.4392-1.748-.684-2.7-.711-.83 0-1.25.207-1.25.603 0 .18.12.333.37.423.25.09.66.198 1.23.306.74.135 1.36.288 1.87.468.5.18.94.468 1.32.864.37.396.56.936.56 1.62.019 1.2132-.793 2.3202-2.04 2.781-.779.3015-1.622.4464-2.47.423zm22.39-5.22h2.83v4.014c-.57.387-1.23.684-1.99.9-.75.198-1.5.306-2.22.306-.972.0144-1.931-.2034-2.78-.63-.814-.414-1.483-1.0251-1.93-1.764-.475-.7866-.716-1.6704-.7-2.565 0-.963.24-1.818.7-2.574.451-.7425 1.127-1.3545 1.95-1.764.83-.414 1.78-.63 2.83-.63.95 0 1.8.162 2.55.468.75.315 1.37.765 1.87 1.368l-2.09 1.8c-.6-.693-1.33-1.044-2.17-1.044-.72 0-1.29.216-1.71.63-.452.4878-.681 1.1124-.64 1.746 0 .711.21 1.287.63 1.719.42.432.98.648 1.68.648.42 0 .81-.072 1.19-.225V12.78zm-10.67 5.004h-3.2L78.91 8.28h3.51l2.31 5.553L87.1 8.28h3.2l-4.09 9.495.01.009zm-54.14-7.29l-.89-4.608-2.7 4.608h3.6-.01zM11.01 4.68H8.94l-.87 4.221h2.55c.85 0 1.52-.216 1.99-.63.47-.423.7-1.008.7-1.764 0-1.215-.76-1.827-2.3-1.827z"/>
+    <path d="M8.68 13.473H7.16L6.24 18H.05L3.72 0h8.23c2.41 0 4.29.522 5.63 1.557 1.33 1.035 2 2.493 2 4.356.153 2.9925-1.847 5.7555-4.95 6.84l3.01 5.166L29.28 0h6.08l4.35 18h-6.16l-.6-3.141h-7L24.12 18H11.27l-2.6-4.527h.01zM50.93 18H44.3L42.1 0h6.1l1.19 10.26L54.84 0h5.69l1.04 10.413L67.11 0h6.08l-9.54 18H57l-1.04-9.486L50.93 18zm23.57 0c-.8 0-1.58-.09-2.34-.27-.663-.1368-1.296-.3744-1.87-.702l1.05-2.34c.959.5391 2.06.8406 3.19.873.45 0 .77-.045.97-.126.19-.09.29-.216.29-.387 0-.198-.13-.36-.38-.45-.406-.1395-.824-.2484-1.25-.324-.636-.1233-1.261-.2889-1.87-.495-.5-.18-.93-.468-1.3-.873-.39-.468-.585-1.0449-.55-1.629 0-.594.17-1.143.5-1.629.35-.486.86-.873 1.54-1.152.67-.279 1.5-.423 2.46-.423.67 0 1.32.072 1.96.216.64.135 1.2.342 1.7.612l-.99 2.322c-.818-.4392-1.748-.684-2.7-.711-.83 0-1.25.207-1.25.603 0 .18.12.333.37.423.25.09.66.198 1.23.306.74.135 1.36.288 1.87.468.5.18.94.468 1.32.864.37.396.56.936.56 1.62.019 1.2132-.793 2.3202-2.04 2.781-.779.3015-1.622.4464-2.47.423zm22.39-5.22h2.83v4.014c-.57.387-1.23.684-1.99.9-.75.198-1.5.306-2.22.306-.972.0144-1.931-.2034-2.78-.63-.814-.414-1.483-1.0251-1.93-1.764-.475-.7866-.716-1.6704-.7-2.565 0-.963.24-1.818.7-2.574.451-.7425 1.127-1.3545 1.95-1.764.83-.414 1.78-.63 2.83-.63.95 0 1.8.162 2.55.468.75.315 1.37.765 1.87 1.368l-2.09 1.8c-.6-.693-1.33-1.044-2.17-1.044-.72 0-1.29.216-1.71.63-.452.4878-.681 1.1124-.64 1.746 0 .711.21 1.287.63 1.719.42.432.98.648 1.68.648.42 0 .81-.072 1.19-.225V12.78zm-10.67 5.004h-3.2L78.91 8.28h3.51l2.31 5.553L87.1 8.28h3.2l-4.09 9.495.01.009zm-54.14-7.29l-.89-4.608-2.7 4.608h3.6-.01zM11.01 4.68H8.94l-.87 4.221h2.55c.85 0 1.52-.216 1.99-.63.47-.423.7-1.008.7-1.764 0-1.215-.76-1.827-2.3-1.827z"/>
 </svg>

diff --git a/styles.css b/styles.css
@@ -164,7 +164,8 @@ body > div#container > div#title > span {
 body > div#container > div#display > svg#error, body > div#container > div#display > img {
     grid-area: image;
 
-    max-height: 100%;
+    max-height: 100% !important;
+    max-width: 100% !important;
 
     justify-self: center;
     align-self: center;
@@ -210,7 +211,6 @@ body > div#container > div#display.dark {
 }
 
 body > div#container > div#display > button {
-    display: flex;
     grid-area: auto;
 
     background: var(--background);
@@ -223,11 +223,10 @@ body > div#container > div#display > button {
 }
 
 body > div#container > div#display > button > svg {
-    width: 100%;
-    height: 100%;
+    width: 100% !important;
+    height: 100% !important;
 
     stroke: var(--light);
-    margin: auto;
 }
 
 body > div#container > div#display > svg#error {