fix: 💄 update box-shadows for better visual clarity
This commit is contained in:
parent
eb107195fb
commit
7512e920e1
4 changed files with 5 additions and 3 deletions
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue