Hide sidebars if they are empty
This commit is contained in:
parent
fb284f1732
commit
3c59ac8342
|
@ -334,12 +334,6 @@ article:not(.divided-article),
|
|||
padding: 1.25rem 0;
|
||||
}
|
||||
|
||||
aside {
|
||||
padding: 1rem;
|
||||
font-size: 0.9rem;
|
||||
background-color: var(--clr-content-bg);
|
||||
}
|
||||
|
||||
article, .content-container {
|
||||
order: 1;
|
||||
}
|
||||
|
@ -349,6 +343,13 @@ article, .content-container {
|
|||
top: 5rem;
|
||||
}
|
||||
|
||||
.left-sidebar,
|
||||
.right-sidebar {
|
||||
padding: 1rem;
|
||||
font-size: 0.9rem;
|
||||
background-color: var(--clr-content-bg);
|
||||
}
|
||||
|
||||
.left-sidebar {
|
||||
order: 2;
|
||||
}
|
||||
|
@ -357,6 +358,11 @@ article, .content-container {
|
|||
order: 3;
|
||||
}
|
||||
|
||||
.left-sidebar:empty,
|
||||
.right-sidebar:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Tablet main content layout */
|
||||
@media only screen and (min-width: 43.75rem) {
|
||||
main {
|
||||
|
|
Loading…
Reference in New Issue