fix: 💄 update box-shadows for better visual clarity

This commit is contained in:
Sebin Nyshkim 2025-06-28 22:36:35 +02:00
parent eb107195fb
commit 7512e920e1
4 changed files with 5 additions and 3 deletions

View file

@ -42,6 +42,8 @@
overflow: clip; overflow: clip;
box-shadow: 0 0 0.5em var(--clr-box-shadow);
@media (min-width: 35em) { @media (min-width: 35em) {
--areas: 'color' 'heading' 'value'; --areas: 'color' 'heading' 'value';
--rows: var(--color-box-size) 1fr auto; --rows: var(--color-box-size) 1fr auto;

View file

@ -52,7 +52,7 @@
font-size: 0.75em; font-size: 0.75em;
box-shadow: 0.125em 0.125em 0.5em var(--clr-box-shadow); box-shadow: 0.125em 0.125em 0.75em 0.25em var(--clr-box-shadow);
margin-block: 1em; margin-block: 1em;
border-radius: 1em; border-radius: 1em;

View file

@ -16,7 +16,7 @@
var(--gradient-end) 50% var(--gradient-end) 50%
); );
box-shadow: 0.125em 0.125em 0.5em var(--clr-box-shadow); box-shadow: 0.125em 0.125em 0.75em 0.25em var(--clr-box-shadow);
margin-block: 1em; margin-block: 1em;
border-radius: 1em; border-radius: 1em;

View file

@ -71,7 +71,7 @@
border-radius: inherit; border-radius: inherit;
padding: 1.5em; padding: 1.5em;
box-shadow: 0.125em 0.125em 0.5em var(--clr-box-shadow); box-shadow: 0.125em 0.125em 0.75em 0.25em var(--clr-box-shadow);
z-index: 0; z-index: 0;
} }