32 lines
452 B
Vue
32 lines
452 B
Vue
<template>
|
|
<div class="prose">
|
|
<slot name="default"></slot>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang="scss">
|
|
@import "@/scss/base.scss";
|
|
|
|
.prose {
|
|
padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left);
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
p,
|
|
.quickfacts {
|
|
max-width: 55rem;
|
|
margin: {
|
|
left: 1rem;
|
|
right: 1rem;
|
|
}
|
|
|
|
@media (min-width: 55em) {
|
|
margin: {
|
|
left: auto;
|
|
right: auto;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|