diff options
Diffstat (limited to 'assets/css/blogpaper.scss')
-rw-r--r-- | assets/css/blogpaper.scss | 18 |
1 files changed, 8 insertions, 10 deletions
diff --git a/assets/css/blogpaper.scss b/assets/css/blogpaper.scss index 6dff74c..1a850c0 100644 --- a/assets/css/blogpaper.scss +++ b/assets/css/blogpaper.scss @@ -308,24 +308,22 @@ a { max-width: 100%; } - .wide-width { - max-width: var(--wide-width-max-width); - margin-left: calc((var(--content-max-width) - var(--wide-width-max-width)) / 2); - margin-right: calc((var(--content-max-width) - var(--wide-width-max-width)) / 2); - } - // From https://css-tricks.com/full-width-containers-limited-width-parents/ - .full-width { + .full-width, .wide-width { position: relative; left: 50%; right: 50%; width: 100vw; margin-left: -50vw; margin-right: -50vw; + } - img { + .wide-width img { + width: var(--wide-width-max-width); + } + + .full-width img { width: 100%; - } } pre { @@ -355,4 +353,4 @@ a { .footer--main { font-size: var(--footer-font-size); margin-top: var(--footer-margin-top); -}
\ No newline at end of file +} |