From 4a39232603c0a83a7495a17f900b23cf17ccd0c3 Mon Sep 17 00:00:00 2001
From: rhiannon morris <rhi@rhiannon.website>
Date: Fri, 25 Oct 2024 18:47:07 +0200
Subject: [PATCH] make border radii more consistent

---
 style/shiny/base.css         | 3 +--
 style/shiny/gallery.css      | 4 ++--
 style/shiny/index.css        | 1 -
 style/shiny/nsfw-warning.css | 3 +--
 style/shiny/single.css       | 4 ++--
 5 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/style/shiny/base.css b/style/shiny/base.css
index 74ba17f..5a86f34 100644
--- a/style/shiny/base.css
+++ b/style/shiny/base.css
@@ -33,7 +33,6 @@
 
   --border-col: var(--text-col);
   --border: 3px solid var(--border-col);
-  --border-radius: 1.5em;
   --background: hsla(0, 0%, 0%, 60%);
 
   --button-bg: hsla(0deg, 0%, 0%, 20%);
@@ -41,7 +40,7 @@
   --button-border: 1px solid hsla(0deg, 0%, 0%, 40%);
   --button-border-selected: 1px solid hsla(0deg, 0%, 100%, 30%);
   --button-pad: 0.15em 0.8em;
-  --button-radius: 1000px;
+  --button-radius: 1000em;
 
   font-family: Muller;
   font-weight: 600;
diff --git a/style/shiny/gallery.css b/style/shiny/gallery.css
index b21904e..7d52bce 100644
--- a/style/shiny/gallery.css
+++ b/style/shiny/gallery.css
@@ -67,7 +67,7 @@
 .filterlist label {
   cursor: pointer;
   padding: 0.15em 0.4em;
-  border-radius: 1000px;
+  border-radius: var(--button-radius);
   border: 1px solid transparent;
 }
 
@@ -149,7 +149,7 @@
   }
 
   #filterstuff li {
-    border-radius: 1em;
+    border-radius: var(--button-radius);
   }
 }
 
diff --git a/style/shiny/index.css b/style/shiny/index.css
index f969d39..eaba977 100644
--- a/style/shiny/index.css
+++ b/style/shiny/index.css
@@ -9,7 +9,6 @@
 
 .page {
   width: 37.5em;
-  border-radius: var(--border-radius);
 }
 
 #title::before, #title::after {
diff --git a/style/shiny/nsfw-warning.css b/style/shiny/nsfw-warning.css
index 139bbe9..ea39749 100644
--- a/style/shiny/nsfw-warning.css
+++ b/style/shiny/nsfw-warning.css
@@ -24,7 +24,6 @@ dialog {
 
     background: var(--background);
     border: var(--border);
-    border-radius: var(--border-radius);
     box-shadow: 0 0 50px #fff6;
   }
 
@@ -60,7 +59,7 @@ dialog {
 
   button {
     border: none;
-    border-radius: 0.75em;
+    border-radius: var(--button-radius);
     padding: 0.5em 1em;
 
     font-family: Muller;
diff --git a/style/shiny/single.css b/style/shiny/single.css
index 09384af..6457de1 100644
--- a/style/shiny/single.css
+++ b/style/shiny/single.css
@@ -62,8 +62,8 @@ body {
   transform: rotate(-15deg);
 
   background: hsl(330deg, 40%, 16%);
-  padding: 0.25em 0.5em;
-  border-radius: 0.5em;
+  padding: 0.35em 1em;
+  border-radius: var(--button-radius);
 }
 #cw-text b { font-weight: 900; }
 #cw-text::before {