deblan-mirror/papercss
1
0
Fork 0
mirror of https://github.com/papercss/papercss synced 2024-06-29 02:40:02 +02:00
Code Issues Projects Releases Wiki Activity

chore: use color mixin in cards

Browse source
This commit is contained in:
Seifeldin Mahjoub 2020-08-26 00:46:44 +02:00
parent a7c72c9992
commit 36afea4c08
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/_cards.scss
View file

@ -1,7 +1,8 @@
.card { .card {
@include shadow; @include shadow;
@include color('border-color', 'muted-light');
backface-visibility: hidden; backface-visibility: hidden;
border: 2px solid $muted-light; border: 2px solid;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
@ -14,16 +15,18 @@
.card-header, .card-header,
.card-footer { .card-footer {
background-color: $white-dark; @include color('background-color', 'white-dark');
padding: 0.75rem 1.25rem; padding: 0.75rem 1.25rem;
} }
.card-header { .card-header {
border-bottom: 2px solid $muted-light; @include color('border-color', 'muted-light');
border-bottom: 2px solid;
} }
.card-footer { .card-footer {
border-top: 2px solid $muted-light; @include color('border-color', 'muted-light');
border-top: 2px solid;
} }
.card-body { .card-body {