Hide sidebars if they are empty

This commit is contained in:
Leilukin 2023-09-10 23:21:28 +08:00 committed by Helen Chong
parent ed8ecae28d
commit 5dee16bfe6

View File

@ -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 {