diff options
| author | Fuwn <[email protected]> | 2024-01-06 00:02:39 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-06 00:02:39 -0800 |
| commit | 5377f4d2c7c9d8f38bb9a9595bc9774aaa1bc2f4 (patch) | |
| tree | ad9313d333252fcc105c6a5dca97cf24741eadb4 /src/lib/Styles/card.css | |
| parent | feat(css): smaller body shadow (diff) | |
| download | due.moe-5377f4d2c7c9d8f38bb9a9595bc9774aaa1bc2f4.tar.xz due.moe-5377f4d2c7c9d8f38bb9a9595bc9774aaa1bc2f4.zip | |
refactor(css): move to modules
Diffstat (limited to 'src/lib/Styles/card.css')
| -rw-r--r-- | src/lib/Styles/card.css | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/src/lib/Styles/card.css b/src/lib/Styles/card.css new file mode 100644 index 00000000..6219aa8a --- /dev/null +++ b/src/lib/Styles/card.css @@ -0,0 +1,38 @@ +@import './details.css'; + +details, +.card { + box-shadow: 0 2.5px 10px var(--base01), 0 0 0 3px var(--base02), 0 4px 30px var(--base01); +} + +#header { + box-shadow: 0 2.5px 10px var(--base01), 0 0 0 5px var(--base02), 0 4px 30px var(--base01); +} + +.card { + background-color: var(--base0011); + padding: 1rem; + border-radius: 8px; + backdrop-filter: blur(4px); + -webkit-backdrop-filter: blur(4px); +} + +.card details, +.no-shadow { + box-shadow: none; +} + +.card-small { + padding: 0.5rem; +} + +.card-clear { + background-color: transparent; +} + +.card-centered { + margin: 0 auto; + display: flex; + flex-direction: column; + justify-content: center; +} |