adrien-payet/actuel-inactuel
1
0
Fork 0
Code Issues 15 Pull requests Projects Releases Packages Wiki Activity Actions

mobile grid : disable grid

Browse source
This commit is contained in:
isUnknown 2024-12-02 17:00:28 +01:00
parent cab0bb1ca4
commit 7cda66f837
1 changed files with 11 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -13,13 +13,6 @@ body.full-width #main-content {
box-sizing: border-box; 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 {
grid-column: span var(--span); grid-column: span var(--span);
} }
@ -28,8 +21,19 @@ body.full-width #main-content {
grid-column: 11 / span 20; grid-column: 11 / span 20;
} }
[data-template="grid"] main #main-content {
margin-left: inherit;
}
@media screen and (min-width: 640px) { @media screen and (min-width: 640px) {
[data-template="grid"] main #main-content { [data-template="grid"] main #main-content {
margin-left: calc(0px - calc(4 * var(--unit--horizontal))); margin-left: calc(0px - calc(4 * var(--unit--horizontal)));
} }
[data-template="grid"] .grid {
display: grid;
grid-template-columns: repeat(39, 1fr);
column-gap: var(--unit--horizontal);
margin-bottom: calc(var(--unit--vertical) * 2);
}
} }