Updated post content grid for additional widths

This commit is contained in:
Sodbileg Gansukh 2023-06-22 16:37:59 +08:00
parent 294b1e30e5
commit a18367200f
3 changed files with 14 additions and 15 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1296,27 +1296,26 @@ is laid out on top of. Canvas just defines the grid, we don't
use it for applying any other styles. */ use it for applying any other styles. */
.gh-canvas { .gh-canvas {
--gap: max(4vmin, 20px);
--main: min(var(--content-width, 720px), 100% - var(--gap) * 2);
--wide: minmax(0, calc((var(--container-width, 1200px) - var(--content-width, 720px)) / 2));
--full: minmax(var(--gap), 1fr);
display: grid; display: grid;
grid-template-columns: grid-template-columns:
[full-start] [full-start] var(--full)
minmax(max(4vmin, 20px), auto) [wide-start] var(--wide)
[wide-start] [main-start] var(--main) [main-end]
minmax(auto, 240px) var(--wide) [wide-end]
[main-start] var(--full) [full-end];
min(720px, calc(100% - max(8vmin, 40px)))
[main-end]
minmax(auto, 240px)
[wide-end]
minmax(max(4vmin, 20px), auto)
[full-end]
;
} }
.gh-canvas > * { .gh-canvas > * {
grid-column: main-start / main-end; grid-column: main-start / main-end;
} }
.kg-width-wide { .kg-width-wide,
.kg-content-wide > div {
grid-column: wide-start / wide-end; grid-column: wide-start / wide-end;
} }