mentos1386/mnts.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Updated post content grid for additional widths

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/built/screen.css
View file

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View file

File diff suppressed because one or more lines are too long

25
assets/css/screen.css
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;
} }