deepState/tabi-lean
3
0
Fork 0
forked from deepStateMirrors/tabi
Code Issues 1 Pull requests Activity

✨ feat: add full-width image option to shortcodes

Browse source 
Closes #85
This commit is contained in:
welpo 2023-07-05 02:43:07 +02:00
parent 8c5f30556a
commit fd50204e32
No known key found for this signature in database
GPG key ID: A2F978CF4EC1F5A6
9 changed files with 89 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

23
sass/main.scss
View file

@ -120,13 +120,24 @@ body {
}
article {
max-width: calc(var(--max-layout-width) - 12rem);
$base-margin: 6rem;
max-width: calc(var(--max-layout-width) - 2*$base-margin);
margin: 0 auto;
p,
li {
font-family: var(--serif-font);
}
.full-width {
width: auto;
height: auto;
max-width: calc(100% + 2*$base-margin);
margin-left: -$base-margin;
margin-right: -$base-margin;
display: flex;
}
}
.section-title {
@ -254,3 +265,13 @@ p {
font-size: 20px;
}
}
@media only screen and (max-width: 1000px) {
article .full-width {
width: auto;
max-width: none;
margin-left: 0;
margin-right: 0;
display: block;
}
}