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/variables.scss | 2 +-
quartz/styles/base.scss | 9 +++++----
quartz/components/styles/backlinks.scss | 2 +-
quartz/components/styles/search.scss | 2 +-
quartz/components/styles/graph.scss | 2 +-
5 files changed, 9 insertions(+), 8 deletions(-)
diff --git a/quartz/components/styles/backlinks.scss b/quartz/components/styles/backlinks.scss
index dc82ce7..7b3237b 100644
--- a/quartz/components/styles/backlinks.scss
+++ b/quartz/components/styles/backlinks.scss
@@ -37,7 +37,7 @@
display: none;
}
height: auto;
- @media all and ($desktop) {
+ @media all and not ($desktop) {
height: 250px;
}
}
diff --git a/quartz/components/styles/graph.scss b/quartz/components/styles/graph.scss
index 1f4aa97..1b19f13 100644
--- a/quartz/components/styles/graph.scss
+++ b/quartz/components/styles/graph.scss
@@ -65,7 +65,7 @@
height: 80vh;
width: 80vw;
- @media all and ($desktop) {
+ @media all and not ($desktop) {
width: 90%;
}
}
diff --git a/quartz/components/styles/search.scss b/quartz/components/styles/search.scss
index b0df6c8..080178f 100644
--- a/quartz/components/styles/search.scss
+++ b/quartz/components/styles/search.scss
@@ -64,7 +64,7 @@
margin-left: auto;
margin-right: auto;
- @media all and ($desktop) {
+ @media all and not ($desktop) {
width: 90%;
}
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;
}
}
diff --git a/quartz/styles/variables.scss b/quartz/styles/variables.scss
index 9335e55..4a5cea5 100644
--- a/quartz/styles/variables.scss
+++ b/quartz/styles/variables.scss
@@ -12,7 +12,7 @@
$mobile: "(max-width: #{map-get($breakpoints, mobile)})";
$tablet: "(min-width: #{map-get($breakpoints, mobile)}) and (max-width: #{map-get($breakpoints, desktop)})";
-$desktop: "(max-width: #{map-get($breakpoints, desktop)})";
+$desktop: "(min-width: #{map-get($breakpoints, desktop)})";
$pageWidth: #{map-get($breakpoints, mobile)};
$sidePanelWidth: 320px; //380px;
--
Gitblit v1.10.0