From 7cda66f83798b939685e8fa9b4723b439ae43f4a Mon Sep 17 00:00:00 2001 From: isUnknown Date: Mon, 2 Dec 2024 17:00:28 +0100 Subject: [PATCH] mobile grid : disable grid --- assets/css/src/grid.css | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) diff --git a/assets/css/src/grid.css b/assets/css/src/grid.css index e36b381..8259c17 100644 --- a/assets/css/src/grid.css +++ b/assets/css/src/grid.css @@ -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); + } }