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

chore: use color mixin in accordion

Browse source
This commit is contained in:
Seifeldin Mahjoub 2020-08-10 01:12:00 +02:00
parent a5a030fe42
commit c07130703e
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/_accordion.scss
View file

@ -3,13 +3,17 @@
flex-direction: column; flex-direction: column;
&:nth-of-type(1) { &:nth-of-type(1) {
border-top: 1px solid $muted-light; @include color('border-top-color', 'muted-light');
border-top-style: solid;
border-top-width: 1px;
} }
.collapsible-body { .collapsible-body {
@include color('border-bottom-color', 'muted-light');
@include color('background-color', 'white-dark-light-80');
@include transition; @include transition;
background-color: lighten($white-dark, 80%); border-bottom-style: solid;
border-bottom: 1px solid $muted-light; border-bottom-width: 1px;
margin: 0; margin: 0;
max-height: 0; max-height: 0;
opacity: 0; opacity: 0;
@ -34,7 +38,9 @@
label { label {
@include color('color', 'primary'); @include color('color', 'primary');
border-bottom: 1px solid $muted-light; @include color('border-bottom-color', 'muted-light');
border-bottom-style: solid;
border-bottom-width: 1px;
display: inline-block; display: inline-block;
font-weight: 600; font-weight: 600;
margin: 0 0 -1px; margin: 0 0 -1px;