Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
css/style-main.css
View File

@ -334,12 +334,6 @@ article:not(.divided-article),
padding: 1.25rem 0; padding: 1.25rem 0;
} }
aside {
padding: 1rem;
font-size: 0.9rem;
background-color: var(--clr-content-bg);
}
article, .content-container { article, .content-container {
order: 1; order: 1;
} }
@ -349,6 +343,13 @@ article, .content-container {
top: 5rem; top: 5rem;
} }
.left-sidebar,
.right-sidebar {
padding: 1rem;
font-size: 0.9rem;
background-color: var(--clr-content-bg);
}
.left-sidebar { .left-sidebar {
order: 2; order: 2;
} }
@ -357,6 +358,11 @@ article, .content-container {
order: 3; order: 3;
} }
.left-sidebar:empty,
.right-sidebar:empty {
display: none;
}
/* Tablet main content layout */ /* Tablet main content layout */
@media only screen and (min-width: 43.75rem) { @media only screen and (min-width: 43.75rem) {
main { main {