refactor: remove Prose component
Now just a regular HTML5 section element
This commit is contained in:
parent
600a82d3f2
commit
a729113b71
1 changed files with 0 additions and 36 deletions
|
@ -1,36 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="prose">
|
|
||||||
<slot name="default"></slot>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
@import "@/scss/_mixins.scss";
|
|
||||||
|
|
||||||
.prose {
|
|
||||||
padding: 0 max(1em, env(safe-area-inset-right)) 0
|
|
||||||
max(1em, env(safe-area-inset-left));
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
p,
|
|
||||||
ul,
|
|
||||||
blockquote,
|
|
||||||
.quickfacts,
|
|
||||||
.btn-group {
|
|
||||||
@include mq-desktop {
|
|
||||||
max-width: 45rem;
|
|
||||||
margin: {
|
|
||||||
left: auto;
|
|
||||||
right: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@include mq-bigscreen {
|
|
||||||
max-width: 55rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
Loading…
Add table
Add a link
Reference in a new issue