From 9f701e5045c27a0d5733ecbcd67a6fc682921c28 Mon Sep 17 00:00:00 2001
From: Emile Bangma <github@emilebangma.com>
Date: Fri, 18 Oct 2024 03:50:48 +0000
Subject: [PATCH] fix(grid): $desktop variable (#1511)
---
quartz/styles/base.scss | 9 +++++----
1 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index 61c918f..34d7e40 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -156,7 +156,7 @@
column-gap: #{map-get($desktopGrid, columnGap)};
row-gap: #{map-get($desktopGrid, rowGap)};
grid-template-areas: #{map-get($desktopGrid, templateAreas)};
- @media all and ($desktop) {
+ @media all and ($tablet) {
grid-template-columns: #{map-get($tabletGrid, templateColumns)};
grid-template-rows: #{map-get($tabletGrid, templateRows)};
column-gap: #{map-get($tabletGrid, columnGap)};
@@ -171,7 +171,7 @@
grid-template-areas: #{map-get($mobileGrid, templateAreas)};
}
- @media all and ($desktop) {
+ @media all and not ($desktop) {
padding: 0 1rem;
}
@media all and ($mobile) {
@@ -212,7 +212,7 @@
margin-left: inherit;
margin-right: inherit;
}
- @media all and ($desktop) {
+ @media all and not ($desktop) {
position: initial;
height: unset;
width: 100%;
@@ -254,10 +254,11 @@
min-width: 100%;
margin-left: auto;
margin-right: auto;
- @media all and ($desktop) {
+ @media all and ($tablet) {
margin-right: 0;
}
@media all and ($mobile) {
+ margin-right: 0;
margin-left: 0;
}
}
--
Gitblit v1.10.0