From 08d7d6fa3dc4781820d57adc2b12ecc7fbacaad5 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Fri, 5 Jan 2024 19:27:47 -0800
Subject: feat(css): better shadow

---
 src/app.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'src/app.css')

diff --git a/src/app.css b/src/app.css
index 600eb446..ea6ef7e6 100644
--- a/src/app.css
+++ b/src/app.css
@@ -23,7 +23,7 @@ details {
 	background-color: var(--base0011);
 	padding: 1rem;
 	border-radius: 8px;
-	box-shadow: 0 0 0 1px var(--base01), 0 2px 4px var(--base01);
+	box-shadow: 0 4px 30px var(--base01);
 }
 
 summary {
@@ -54,7 +54,7 @@ select {
 	transform: translateY(0.175em);
 	place-content: center;
 	transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
-	box-shadow: 0 0 0 1px var(--base01), 0 2px 4px var(--base01);
+	box-shadow: 0 4px 30px var(--base01);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -116,7 +116,7 @@ button {
 	border: none;
 	border-radius: 4px;
 	transition: background-color 0.15s ease-in-out, transform 0.15s ease-in-out;
-	box-shadow: 0 0 0 1px var(--base01), 0 2px 4px var(--base01);
+	box-shadow: 0 4px 30px var(--base01);
 }
 
 button:hover {
@@ -182,7 +182,7 @@ button:disabled:active {
 	background-color: var(--base0011);
 	padding: 1rem;
 	border-radius: 8px;
-	box-shadow: 0 0 0 1px var(--base01), 0 2px 4px var(--base01);
+	box-shadow: 0 4px 30px var(--base01);
 	backdrop-filter: blur(4px);
 	-webkit-backdrop-filter: blur(4px);
 }
-- 
cgit v1.2.3