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 {
left: 0;
margin-left: -($margin-width + $margin-offset);
@include below-two-margins {
display: none;
}
}
@mixin margin-content-right {
right: 0;
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-bottom: 1rem;
width: 100%;
display: none;
.sidenote-checkbox:checked ~ & {
display: block;
@ -71,10 +70,6 @@ $sidenote-highlight-border-width: .2rem;
}
@include below-one-margin {
.post-content {
max-width: 100%;
}
.sidenote-content.sidenote-right {
@include hidden-sidenote;
margin-right: 0rem;