mobile grid : disable grid
This commit is contained in:
parent
cab0bb1ca4
commit
7cda66f837
1 changed files with 11 additions and 7 deletions
|
|
@ -13,13 +13,6 @@ body.full-width #main-content {
|
|||
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);
|
||||
}
|
||||
|
|
@ -28,8 +21,19 @@ body.full-width #main-content {
|
|||
grid-column: 11 / span 20;
|
||||
}
|
||||
|
||||
[data-template="grid"] main #main-content {
|
||||
margin-left: inherit;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 640px) {
|
||||
[data-template="grid"] main #main-content {
|
||||
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);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue