From c538c151c7462ad0395ff2c15c5e11e89e362aa8 Mon Sep 17 00:00:00 2001
From: Striven <sg.striven@cutecat.club>
Date: Sat, 04 Apr 2026 19:47:16 +0000
Subject: [PATCH] Initial commit
---
quartz/styles/variables.scss | 34 ++++++++++++++++++----------------
1 files changed, 18 insertions(+), 16 deletions(-)
diff --git a/quartz/styles/variables.scss b/quartz/styles/variables.scss
index 3ac5a8b..f61adfc 100644
--- a/quartz/styles/variables.scss
+++ b/quartz/styles/variables.scss
@@ -1,3 +1,5 @@
+@use "sass:map";
+
/**
* Layout breakpoints
* $mobile: screen width below this value will use mobile styles
@@ -10,11 +12,11 @@
desktop: 1200px,
);
-$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)})";
+$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)};
+$pageWidth: #{map.get($breakpoints, mobile)};
$sidePanelWidth: 320px; //380px;
$topSpacing: 6rem;
$boldWeight: 700;
@@ -27,11 +29,11 @@
rowGap: "5px",
columnGap: "5px",
templateAreas:
- '"sidebar-left"\
- "page-header"\
- "page-center"\
- "sidebar-right"\
- "page-footer"',
+ '"grid-sidebar-left"\
+ "grid-header"\
+ "grid-center"\
+ "grid-sidebar-right"\
+ "grid-footer"',
);
$tabletGrid: (
templateRows: "auto auto auto auto",
@@ -39,10 +41,10 @@
rowGap: "5px",
columnGap: "5px",
templateAreas:
- '"sidebar-left page-header"\
- "sidebar-left page-center"\
- "sidebar-left sidebar-right"\
- "sidebar-left page-footer"',
+ '"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",
@@ -50,7 +52,7 @@
rowGap: "5px",
columnGap: "5px",
templateAreas:
- '"sidebar-left page-header sidebar-right"\
- "sidebar-left page-center sidebar-right"\
- "sidebar-left page-footer sidebar-right"',
+ '"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