diff options
| author | Fuwn <[email protected]> | 2024-01-05 19:27:47 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-05 19:27:47 -0800 |
| commit | 08d7d6fa3dc4781820d57adc2b12ecc7fbacaad5 (patch) | |
| tree | c63e2a62e861342990043374e26674565365c7d9 /src/app.css | |
| parent | feat(css): new font (diff) | |
| download | due.moe-08d7d6fa3dc4781820d57adc2b12ecc7fbacaad5.tar.xz due.moe-08d7d6fa3dc4781820d57adc2b12ecc7fbacaad5.zip | |
feat(css): better shadow
Diffstat (limited to 'src/app.css')
| -rw-r--r-- | src/app.css | 8 |
1 files changed, 4 insertions, 4 deletions
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); } |