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;
|
||||
|
||||
box-shadow: 0 0 0.5em var(--clr-box-shadow);
|
||||
|
||||
@media (min-width: 35em) {
|
||||
--areas: 'color' 'heading' 'value';
|
||||
--rows: var(--color-box-size) 1fr auto;
|
||||
|
|
|
@ -52,7 +52,7 @@
|
|||
|
||||
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;
|
||||
border-radius: 1em;
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
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;
|
||||
border-radius: 1em;
|
||||
|
|
|
@ -71,7 +71,7 @@
|
|||
border-radius: inherit;
|
||||
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;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue