From 1dd91b4f76a44319c33b1fefcb18f05ac89288ea Mon Sep 17 00:00:00 2001
From: Steph Enders <steph@senders.io>
Date: Mon, 26 Jun 2023 23:28:56 -0400
Subject: Make flag an SVG

I had to write this SVG by hand but its pretty simple so its not that
hard to do!
---
 static/index.css | 24 ++----------------------
 1 file changed, 2 insertions(+), 22 deletions(-)

(limited to 'static/index.css')

diff --git a/static/index.css b/static/index.css
index 7abff3b..fdbaa63 100644
--- a/static/index.css
+++ b/static/index.css
@@ -1,9 +1,4 @@
 :root {
-    --twhite: #fff;
-    --tblue: #4ac2fe;
-    --tpink: #ef95ae;
-    --flagheight: 60px;
-    --flagwidth: 90px;
     --bgcolor: #e4e4ff;
     --page-width: 50em;
 }
@@ -47,22 +42,7 @@ main  article:last-child {
     margin-bottom: none;
 }
 .transflag {
-    width: var(--flagwidth);
-    height: var(--flagheight);
+    width: 90px;
+    height: 60px;
     margin: 16px auto;
 }
-.transflag .blue {
-    width: 100%;
-    min-height: calc(var(--flagheight) / 5);
-    background-color: var(--tblue);
-}
-.transflag .pink {
-    width: 100%;
-    min-height: calc(var(--flagheight) / 5);
-    background-color: var(--tpink);
-}
-.transflag .white {
-    width: 100%;
-    min-height: calc(var(--flagheight) / 5);
-    background-color: var(--twhite);
-}
-- 
cgit v1.2.3-54-g00ecf