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. */
.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;
grid-template-columns:
[full-start]
minmax(max(4vmin, 20px), auto)
[wide-start]
minmax(auto, 240px)
[main-start]
min(720px, calc(100% - max(8vmin, 40px)))
[main-end]
minmax(auto, 240px)
[wide-end]
minmax(max(4vmin, 20px), auto)
[full-end]
;
[full-start] var(--full)
[wide-start] var(--wide)
[main-start] var(--main) [main-end]
var(--wide) [wide-end]
var(--full) [full-end];
}
.gh-canvas > * {
grid-column: main-start / main-end;
}
.kg-width-wide {
.kg-width-wide,
.kg-content-wide > div {
grid-column: wide-start / wide-end;
}