From ec00a40aefca73596ab76e3ebe3a8e1129b43688 Mon Sep 17 00:00:00 2001
From: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 27 Jan 2026 18:27:17 +0000
Subject: [PATCH] chore(deps): bump the production-dependencies group with 4 updates (#2289)
---
quartz/styles/variables.scss | 62 ++++++++++++++++++++++++++++--
1 files changed, 57 insertions(+), 5 deletions(-)
diff --git a/quartz/styles/variables.scss b/quartz/styles/variables.scss
index 6dd5614..f61adfc 100644
--- a/quartz/styles/variables.scss
+++ b/quartz/styles/variables.scss
@@ -1,6 +1,58 @@
-$pageWidth: 750px;
-$mobileBreakpoint: 600px;
-$tabletBreakpoint: 1200px;
-$sidePanelWidth: 400px;
+@use "sass:map";
+
+/**
+ * Layout breakpoints
+ * $mobile: screen width below this value will use mobile styles
+ * $desktop: screen width above this value will use desktop styles
+ * Screen width between $mobile and $desktop width will use the tablet layout.
+ * assuming mobile < desktop
+ */
+$breakpoints: (
+ mobile: 800px,
+ desktop: 1200px,
+);
+
+$mobile: "(max-width: #{map.get($breakpoints, mobile)})";
+$tablet: "(min-width: #{map.get($breakpoints, mobile)}) and (max-width: #{map.get($breakpoints, desktop)})";
+$desktop: "(min-width: #{map.get($breakpoints, desktop)})";
+
+$pageWidth: #{map.get($breakpoints, mobile)};
+$sidePanelWidth: 320px; //380px;
$topSpacing: 6rem;
-$fullPageWidth: $pageWidth + 2 * $sidePanelWidth
+$boldWeight: 700;
+$semiBoldWeight: 600;
+$normalWeight: 400;
+
+$mobileGrid: (
+ templateRows: "auto auto auto auto auto",
+ templateColumns: "auto",
+ rowGap: "5px",
+ columnGap: "5px",
+ templateAreas:
+ '"grid-sidebar-left"\
+ "grid-header"\
+ "grid-center"\
+ "grid-sidebar-right"\
+ "grid-footer"',
+);
+$tabletGrid: (
+ templateRows: "auto auto auto auto",
+ templateColumns: "#{$sidePanelWidth} auto",
+ rowGap: "5px",
+ columnGap: "5px",
+ templateAreas:
+ '"grid-sidebar-left grid-header"\
+ "grid-sidebar-left grid-center"\
+ "grid-sidebar-left grid-sidebar-right"\
+ "grid-sidebar-left grid-footer"',
+);
+$desktopGrid: (
+ templateRows: "auto auto auto",
+ templateColumns: "#{$sidePanelWidth} auto #{$sidePanelWidth}",
+ rowGap: "5px",
+ columnGap: "5px",
+ templateAreas:
+ '"grid-sidebar-left grid-header grid-sidebar-right"\
+ "grid-sidebar-left grid-center grid-sidebar-right"\
+ "grid-sidebar-left grid-footer grid-sidebar-right"',
+);
--
Gitblit v1.10.0