refactor(scss): remove helper/shadow. Expose shadow style in CSS variables

This commit is contained in:
Jimmy Cai
2020-09-09 16:14:30 +02:00
parent 190475dbad
commit 9e42d8cd35
12 changed files with 32 additions and 34 deletions
+1 -1
View File
@@ -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);
}
+3 -3
View File
@@ -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 {
+1 -1
View File
@@ -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;