tune grid layout

This commit is contained in:
isUnknown 2024-12-02 16:52:35 +01:00
parent 5252d51633
commit cab0bb1ca4
2 changed files with 7 additions and 1 deletions

View file

@ -27,3 +27,9 @@ body.full-width #main-content {
.grid[data-columns="1"] .column {
grid-column: 11 / span 20;
}
@media screen and (min-width: 640px) {
[data-template="grid"] main #main-content {
margin-left: calc(0px - calc(4 * var(--unit--horizontal)));
}
}

View file

@ -16,7 +16,7 @@
<?php foreach ($page->body()->toLayouts() as $layout): ?>
<section class="grid" id="<?= $layout->id() ?>" data-columns="<?= $layout->columns()->count() ?>">
<?php foreach ($layout->columns() as $column): ?>
<div class="column" style="--span:<?= $column->span(38) ?>">
<div class="column" style="--span:<?= $column->span(32) ?>">
<div class="blocks">
<?= $column->blocks() ?>
</div>