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

refactor: import specific SCSS mixins

Browse source
This commit is contained in:
Sebin Nyshkim 2022-01-11 20:47:25 +01:00
parent 25e8b0ad65
commit f2948005e1
7 changed files with 23 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/Prose.vue
View file

@ -5,7 +5,7 @@
</template>
<style lang="scss">
@import "@/scss/base.scss";
@import "@/scss/_mixins.scss";
.prose {
padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
@ -16,18 +16,22 @@
p,
.quickfacts,
.btn-group {
max-width: 55rem;
margin: {
left: 1rem;
right: 1rem;
}
@media (min-width: 55em) {
@include mq-desktop {
max-width: 45rem;
margin: {
left: auto;
right: auto;
}
}
@include mq-bigscreen {
max-width: 55rem;
}
}
}
</style>