svg.escobar.life

A simple SVG markup editor for the web

Commit
9bb7e423e85e78c28c23d1d47220136053d6c1f1
Parent
55e0e22695cf3a3f90bfb681997dc17d4c71ffcf
Author
Gark Garcia <37553739+GarkGarcia@users.noreply.github.com>
Date

Fixed minor visual bugs in styles.css.

Diffstat

6 files changed, 12 insertions, 10 deletions

Status File Name N° Changes Insertions Deletions
Modified assets/download.svg 2 1 1
Modified assets/github.svg 2 1 1
Modified assets/moon.svg 2 1 1
Modified assets/sun.svg 4 2 2
Modified assets/upload.svg 2 1 1
Modified styles.css 10 6 4
diff --git a/assets/download.svg b/assets/download.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 50 50">
-  <path d="M25 3v29m-7-7l7 7m7-7l-7 7M19 15H8v33h34V15H31"/>
+    <path d="M25 8.125v21.75m-5.25-5.25l5.25 5.25m5.25-5.25L25 29.875m-4.5-12.75h-8.25v24.75h25.5v-24.75H29.5"/>
 </svg>
diff --git a/assets/github.svg b/assets/github.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 50 50">
-  <path d="M18.96 49.26l-.07-10.04-.73.12c-.46.09-1.05.13-1.76.11-.72 0-1.45-.08-2.22-.22a4.95 4.95 0 0 1-2.13-.95 4.04 4.04 0 0 1-1.4-1.96l-.32-.73a7.94 7.94 0 0 0-1-1.62c-.46-.6-.92-1-1.38-1.21l-.23-.16a2.35 2.35 0 0 1-.7-.83c-.06-.15 0-.27.16-.37.17-.1.48-.14.93-.14l.63.1c.43.08.95.33 1.58.76.62.42 1.14.98 1.54 1.65a5.63 5.63 0 0 0 1.77 2c.69.45 1.38.68 2.08.68.7 0 1.3-.06 1.82-.16.5-.1.98-.27 1.43-.48.19-1.42.7-2.51 1.56-3.28-1.21-.12-2.3-.31-3.27-.57-.96-.26-1.96-.67-2.99-1.24a8.59 8.59 0 0 1-2.56-2.13 10.25 10.25 0 0 1-1.67-3.35 15.92 15.92 0 0 1-.65-4.77c0-2.57.84-4.75 2.51-6.55-.78-1.94-.7-4.1.23-6.5.61-.19 1.52-.04 2.73.43a19.2 19.2 0 0 1 4.01 2.09c1.98-.55 4.01-.83 6.11-.83 2.1 0 4.14.28 6.11.83l1.21-.77c.83-.5 1.8-.97 2.93-1.4 1.12-.42 1.98-.54 2.58-.35.95 2.4 1.04 4.57.25 6.5a9.28 9.28 0 0 1 2.52 6.55c0 1.8-.22 3.4-.66 4.8-.43 1.38-1 2.5-1.68 3.33a8.9 8.9 0 0 1-2.58 2.12 13 13 0 0 1-3 1.24c-.96.26-2.04.45-3.25.57 1.1.96 1.65 2.46 1.65 4.52v12.2"/>
+    <path d="M20.47 41.72473l-.0525-7.53-.5475.09c-.345.0675-.7875.0975-1.32.0825-.54 0-1.0875-.06-1.665-.165-.58125-.1065-1.1295-.351-1.5975-.7125-.49125-.372-.858-.885-1.05-1.47l-.24-.5475c-.20025-.4335-.45225-.8415-.75-1.215-.345-.45-.69-.75-1.035-.9075l-.1725-.12c-.22125-.1635-.40125-.3765-.525-.6225-.045-.1125 0-.2025.12-.2775.1275-.075.36-.105.6975-.105l.4725.075c.3225.06.7125.2475 1.185.57.465.315.855.735 1.155 1.2375.31575.59925.771 1.11375 1.3275 1.5.5175.3375 1.035.51 1.56.51.525 0 .975-.045 1.365-.12.375-.075.735-.2025 1.0725-.36.1425-1.065.525-1.8825 1.17-2.46-.9075-.09-1.725-.2325-2.4525-.4275-.72-.195-1.47-.5025-2.2425-.93-.738-.402-1.3905-.945-1.92-1.5975-.5685-.75375-.993-1.605-1.2525-2.5125-.34275-1.161-.507-2.367-.4875-3.5775 0-1.9275.63-3.5625 1.8825-4.9125-.585-1.455-.525-3.075.1725-4.875.4575-.1425 1.14-.03 2.0475.3225 1.0605.402 2.07.9285 3.0075 1.5675 1.485-.4125 3.0075-.6225 4.5825-.6225 1.575 0 3.105.21 4.5825.6225l.9075-.5775c.6225-.375 1.35-.7275 2.1975-1.05.84-.315 1.485-.405 1.935-.2625.7125 1.8.78 3.4275.1875 4.875 1.248 1.32675 1.9275 3.0915 1.89 4.9125 0 1.35-.165 2.55-.495 3.6-.3225 1.035-.75 1.875-1.26 2.4975-.53925.64725-1.1955 1.1865-1.935 1.59-.708.40275-1.464.7155-2.25.93-.72.195-1.53.3375-2.4375.4275.825.72 1.2375 1.845 1.2375 3.39v9.15s-.8145 2.004-4.5375 2.004-4.53-1.9965-4.53-1.9965z"/>
 </svg>
diff --git a/assets/moon.svg b/assets/moon.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 50 50">
-  <path d="M15.106 4.563a22.736 22.736 0 0 0-.463 4.576c0 12.52 10.185 22.686 22.732 22.686 3.637 0 7.075-.854 10.125-2.373-2.123 10.33-11.292 18.111-22.268 18.111C12.686 47.563 2.5 37.397 2.5 24.877c0-8.892 5.136-16.594 12.606-20.314z"/>
+    <path d="M17.5795 9.67225c-.23175 1.1295-.348 2.27925-.34725 3.432 0 9.39 7.63875 17.0145 17.049 17.0145 2.72775 0 5.30625-.6405 7.59375-1.77975-1.59225 7.7475-8.469 13.58325-16.701 13.58325-9.4095 0-17.049-7.6245-17.049-17.0145 0-6.669 3.852-12.4455 9.4545-15.2355z"/>
 </svg>
diff --git a/assets/sun.svg b/assets/sun.svg
@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" stroke-miterlimit="1.414" viewBox="0 0 50 50">
-  <path fill-rule="nonzero" d="M25 12.586c6.852 0 12.414 5.562 12.414 12.414 0 6.852-5.562 12.414-12.414 12.414-6.852 0-12.414-5.562-12.414-12.414 0-6.852 5.562-12.414 12.414-12.414zM25 2.5v4.655m0 35.69V47.5M47.5 25h-4.655m-35.69 0H2.5M7.931 7.931l4.655 4.655M42.07 7.931l-4.655 4.655M7.93 42.07l4.655-4.655m29.483 4.655l-4.655-4.655"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
+    <path d="M25 15.6895c5.139 0 9.3105 4.1715 9.3105 9.3105 0 5.139-4.1715 9.3105-9.3105 9.3105-5.139 0-9.3105-4.1715-9.3105-9.3105 0-5.139 4.1715-9.3105 9.3105-9.3105zm0-7.5645v3.49125m0 26.7675V41.875M41.875 25h-3.49125m-26.7675 0H8.125m4.07325-12.80175l3.49125 3.49125m22.113-3.49125l-3.49125 3.49125M12.1975 37.8025l3.49125-3.49125M37.801 37.8025l-3.49125-3.49125"/>
 </svg>
diff --git a/assets/upload.svg b/assets/upload.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 50 50">
-  <path d="M25 32V3m-7 6l7-6m7 6l-7-6M19 15H8v33h34V15H31"/>
+    <path d="M25 29.875V8.125m-5.25 4.5l5.25-4.5m5.25 4.5L25 8.125m-4.5 9h-8.25v24.75h25.5v-24.75H29.5"/>
 </svg>
diff --git a/styles.css b/styles.css
@@ -63,7 +63,7 @@ svg {
     stroke-linejoin: round;
     stroke-linecap: round;
     stroke-miterlimit: 8;
-    stroke-width: .03in;
+    stroke-width: .02in;
 }
 
 *:focus {
@@ -142,14 +142,15 @@ body > div#container > div#title > a {
     height: calc(4 * var(--tiny));
 
     margin: 0 var(--tiny);
+    padding: 0;
 
     border-radius: calc(2 * var(--tiny));
     background: var(--light);
 }
 
 body > div#container > div#title > a > svg {
-    width: 100%;
-    height: 100%;
+    width: 100% !important;
+    height: 100% !important;
     
     stroke: var(--background);
 }
@@ -192,7 +193,7 @@ body > div#container > div#display {
     display: grid;
     grid-area: display;
 
-    grid-template-rows: calc(100% - 6 * var(--tiny)) auto;
+    grid-template-rows: calc(100% - 6 * var(--tiny)) calc(4 * var(--tiny));
     grid-template-columns: calc(4 * var(--tiny)) calc(4 * var(--tiny)) calc(4 * var(--tiny)) auto;
     grid-template-areas: "image  image  image  image"
                          "button button button .";
@@ -217,6 +218,7 @@ body > div#container > div#display > button {
     border: none;
     border-radius: calc(2 * var(--tiny));
 
+    padding: 0;
     box-shadow: 0 0 calc(.25 * var(--small)) .5vmax #00000015;
     
     cursor: pointer;