GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2026-03-23 06:25:41 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

style: add CSS grid overrides for full-width and minimal page frames

Browse Source
This commit is contained in:
saberzero1 2026-02-28 04:32:27 +01:00
parent e6049847bd
commit 74fe409bbc
No known key found for this signature in database
1 changed files with 42 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
quartz/styles/base.scss
View File

@ -309,6 +309,48 @@ a {
} }
} }
// ============================================================================
// Page Frame Overrides
// ============================================================================
// Full-width frame: no sidebars, center content spans full width
.page[data-frame="full-width"] > #quartz-body {
grid-template-columns: auto;
grid-template-rows: auto auto auto;
grid-template-areas:
"grid-header"
"grid-center"
"grid-footer";
@media all and ($tablet) {
grid-template-columns: auto;
}
& .center.full-width {
max-width: 100%;
min-width: 100%;
}
}
// Minimal frame: no sidebars, no header/footer chrome, body content only + footer
.page[data-frame="minimal"] > #quartz-body {
grid-template-columns: auto;
grid-template-rows: auto auto;
grid-template-areas:
"grid-center"
"grid-footer";
@media all and ($tablet) {
grid-template-columns: auto;
}
& .center.minimal {
max-width: 100%;
min-width: 100%;
margin: 0;
}
}
.footnotes { .footnotes {
margin-top: 2rem; margin-top: 2rem;
border-top: 1px solid var(--lightgray); border-top: 1px solid var(--lightgray);