Move hiding code into margin SCSS.

This commit is contained in:
Danila Fedorin 2020-06-30 21:22:19 -07:00
parent 0371651fdd
commit 2d77f8489f
2 changed files with 8 additions and 5 deletions

View File

@ -30,9 +30,17 @@ $margin-offset: 1.5rem;
@mixin margin-content-left { @mixin margin-content-left {
left: 0; left: 0;
margin-left: -($margin-width + $margin-offset); margin-left: -($margin-width + $margin-offset);
@include below-two-margins {
display: none;
}
} }
@mixin margin-content-right { @mixin margin-content-right {
right: 0; right: 0;
margin-right: -($margin-width + $margin-offset); margin-right: -($margin-width + $margin-offset);
@include below-one-margin {
display: none;
}
} }

View File

@ -56,7 +56,6 @@ $sidenote-highlight-border-width: .2rem;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
width: 100%; width: 100%;
display: none;
.sidenote-checkbox:checked ~ & { .sidenote-checkbox:checked ~ & {
display: block; display: block;
@ -71,10 +70,6 @@ $sidenote-highlight-border-width: .2rem;
} }
@include below-one-margin { @include below-one-margin {
.post-content {
max-width: 100%;
}
.sidenote-content.sidenote-right { .sidenote-content.sidenote-right {
@include hidden-sidenote; @include hidden-sidenote;
margin-right: 0rem; margin-right: 0rem;