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;
}

View file

@ -14,11 +14,9 @@ main {
}
hr {
height: calc(var(--unit--vertical) / 2);
height: 1px;
border: none;
background-color: var(--color-primary);
width: calc(var(--unit--horizontal) * 4);
margin: calc(var(--unit--vertical) * 2) calc(var(--unit--horizontal));
}
nav hr {
@ -66,7 +64,7 @@ html {
}
body.full-width {
--padding-body: calc(var(--unit--horizontal) * 7);
--padding-body: calc(var(--unit--horizontal) * 10);
}
body,