Adrien/actuel-inactuel
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

tune grid layout

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

6
assets/css/src/grid.css
View file

@ -27,3 +27,9 @@ body.full-width #main-content {
.grid[data-columns="1"] .column { .grid[data-columns="1"] .column {
grid-column: 11 / span 20; 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)));
}
}

2
site/templates/grid.php
View file

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