Hide sidebars if they are empty

This commit is contained in:
Helen Chong 2023-09-10 23:21:28 +08:00
parent fb284f1732
commit 3c59ac8342
1 changed files with 12 additions and 6 deletions

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 {