fix post content centering when the page sidebar is hidden

This commit is contained in:
James Fenn
2023-10-19 12:45:43 -04:00
parent 666c3c44dc
commit 94eae043da

View File

@@ -5,6 +5,20 @@
grid-template-columns: 0fr 1fr;
width: 100%;
max-width: var(--max-width_xl);
margin: 0 auto;
&:not([data-hide-left-sidebar]) {
@include from($tabletLarge) {
grid-template-columns: 25% 1fr;
}
}
// in tablet view, when the sidebar is hidden, the "content" column needs to be centered
&[data-hide-left-sidebar] {
@include until($desktopSmall) {
max-width: var(--max-width_m);
}
}
@include from($desktopSmall) {
grid-template-columns: 25% 1fr 25%;