add one column layout

This commit is contained in:
isUnknown 2024-04-15 19:45:59 +02:00
parent 5580c6efe2
commit 0b26a86a52
4 changed files with 26 additions and 7 deletions

View file

@ -5,5 +5,25 @@ body.full-width #desktop-nav .empty {
height: calc(var(--unit--vertical) / 2);
}
body.full-width .content {
position: sticky;
position: absolute;
left: 0;
width: 100vw;
padding: 0 var(--unit--horizontal) var(--unit--vertical)
var(--unit--horizontal);
box-sizing: border-box;
}
.grid {
display: grid;
grid-template-columns: repeat(39, 1fr);
column-gap: var(--unit--horizontal);
margin-bottom: calc(var(--unit--vertical) * 2);
}
.grid .column {
grid-column: span var(--span);
}
.grid[data-columns="1"] .column {
grid-column: 11 / span 20;
}