tune grid layout
This commit is contained in:
parent
5252d51633
commit
cab0bb1ca4
2 changed files with 7 additions and 1 deletions
|
|
@ -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)));
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue