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

feat: improve responsive styles

Browse source
This commit is contained in:
Sebin Nyshkim 2022-01-28 23:50:06 +01:00
parent bcac65ea8d
commit 320e8e7589
1 changed files with 4 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/components/Prose.vue
View file

@ -8,19 +8,17 @@
@import "@/scss/_mixins.scss"; @import "@/scss/_mixins.scss";
.prose { .prose {
padding: 0 env(safe-area-inset-right) 0 env(safe-area-inset-left); padding: 0 max(1em, env(safe-area-inset-right)) 0
max(1em, env(safe-area-inset-left));
h1, h1,
h2, h2,
h3, h3,
p, p,
ul,
blockquote,
.quickfacts, .quickfacts,
.btn-group { .btn-group {
margin: {
left: 1rem;
right: 1rem;
}
@include mq-desktop { @include mq-desktop {
max-width: 45rem; max-width: 45rem;
margin: { margin: {