37 lines
525 B
Vue
37 lines
525 B
Vue
<template>
|
|
<div class="prose">
|
|
<slot name="default"></slot>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss">
|
|
@import "@/scss/_mixins.scss";
|
|
|
|
.prose {
|
|
padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
p,
|
|
.quickfacts,
|
|
.btn-group {
|
|
margin: {
|
|
left: 1rem;
|
|
right: 1rem;
|
|
}
|
|
|
|
@include mq-desktop {
|
|
max-width: 45rem;
|
|
margin: {
|
|
left: auto;
|
|
right: auto;
|
|
}
|
|
}
|
|
|
|
@include mq-bigscreen {
|
|
max-width: 55rem;
|
|
}
|
|
}
|
|
}
|
|
</style>
|