From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 21 Feb 2023 05:19:15 +0000 (-0800)
Subject: Move inline SVG styles into CSS
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=302d84d1d258e4d960c141387dc801e671ddf3bc;p=utf-8-visualizer

Move inline SVG styles into CSS
---

diff --git a/index.html b/index.html
index 93a4af5..9787d61 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,7 @@
 
   <footer>
     <a href="https://github.com/ardislu/utf-8-visualizer">
-      <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
         <path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path>
         <path d="M9 18c-4.51 2-5-2-7-2"></path>
       </svg>
diff --git a/style.css b/style.css
index 346ba18..152adbf 100644
--- a/style.css
+++ b/style.css
@@ -70,6 +70,8 @@ a:focus-within {
 }
 
 a>svg {
+  inline-size: 24px;
+  block-size: 24px;
   transition: transform 600ms;
 }