bbaovanc/bobatheme
1
0
Fork 0
mirror of https://github.com/BBaoVanC/bobatheme.git synced 2025-09-04 02:17:34 -05:00
Code Issues Projects Releases Wiki Activity

WIP body-module and smarter usage of container divs

Browse Source
This commit is contained in:
BBaoVanC
2025-08-19 13:40:51 -05:00
parent 741b3bc01b
commit 00a0f64be4
6 changed files with 126 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
assets/css/bobastyle.css
View File

@@ -293,17 +293,35 @@ body {
color: var(--text-0);
overflow-wrap: break-word;
margin: 0;
display: flex;
flex-direction: column;
align-items: center;
gap: var(--page-margin);
}
.main-container {
margin: var(--page-margin) auto;
/* use padding because otherwise there's no way to have margin be both auto, and a minimum value */
padding: 0 var(--page-margin);
max-width: calc(720px + 2 * var(--page-margin)); /* padding is included in the element's width */
.body-module {
width: 100%; /* without, it collapses inside flexbox for some reason TODO: figure out why */
}
.body-module--marginless {
margin: 0;
}
.body-module--full-width {
margin: 0 var(--page-margin);
/*
margin-left: var(--page-margin);
margin-right: var(--page-margin);
*/
}
.body-module--wide {
margin-left: var(--page-margin);
margin-right: var(--page-margin);
max-width: 720px;
}
footer {
margin: var(--page-margin) 0;
margin-bottom: var(--page-margin);
text-align: center;
font-size: smaller;
}
@@ -376,10 +394,6 @@ footer p {
/* Breadcrumb navigation {{{ */
.breadcrumb {
margin: var(--page-margin) 0;
}
.breadcrumb ul {
margin: 0;
padding: 0;