SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: shorten SCSS code

Browse source
This commit is contained in:
Sebin Nyshkim 2022-01-11 14:23:39 +01:00
parent 464c6eaf42
commit 428e9e788b
1 changed files with 17 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/components/QuickFacts.vue
View file

@ -50,19 +50,19 @@ export default {
} }
} }
&.open { &.open:before {
.quickfacts__head { transform: rotate(0deg);
}
&.open & {
&__head {
background-color: $bg-color-light; background-color: $bg-color-light;
} }
.quickfacts__list { &__list {
max-height: 17em; max-height: 17em;
padding: 1.5rem; padding: 1.5rem;
} }
&:before {
transform: rotate(0deg);
}
} }
&__head { &__head {
@ -82,7 +82,16 @@ export default {
ul { ul {
margin: 0; margin: 0;
padding-left: 1.25em; padding: 0 0.5em;
@media (min-width: 40em) {
columns: 2 auto;
}
}
li {
margin: 0 0 0 1em;
padding: 0;
} }
} }
} }