Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/NormandErwan/Blogpaper.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css/blogpaper.scss')
-rw-r--r--assets/css/blogpaper.scss18
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
+}