refactor(scss): remove helper/shadow. Expose shadow style in CSS variables
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
.not-found-card {
|
||||
background-color: var(--card-background);
|
||||
@include box_shadow(1);
|
||||
box-shadow: var(--shadow-l1);
|
||||
border-radius: var(--card-border-radius);
|
||||
padding: var(--content-padding);
|
||||
}
|
||||
|
||||
@@ -46,7 +46,7 @@
|
||||
article {
|
||||
background: var(--card-background);
|
||||
border-radius: var(--card-border-radius);
|
||||
@include box_shadow(1);
|
||||
box-shadow: var(--shadow-l1);
|
||||
overflow: hidden;
|
||||
|
||||
&.main-article {
|
||||
@@ -134,10 +134,10 @@
|
||||
|
||||
transition: box-shadow 0.3s ease;
|
||||
|
||||
@include box_shadow(1);
|
||||
box-shadow: var(--shadow-l1);
|
||||
|
||||
&:hover {
|
||||
@include box_shadow(2);
|
||||
box-shadow: var(--shadow-l2);
|
||||
}
|
||||
|
||||
svg {
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
border-radius: var(--card-border-radius);
|
||||
background-color: var(--card-background);
|
||||
padding: var(--small-card-padding);
|
||||
@include box_shadow(1);
|
||||
box-shadow: var(--shadow-l1);
|
||||
margin-bottom: var(--section-separation);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
Reference in New Issue
Block a user