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/base.scss | 57 ++++++++++++++++++++++++++++++++++++++++-----------------
1 files changed, 40 insertions(+), 17 deletions(-)
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index 60d2d8f..14e6ae6 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -9,10 +9,13 @@
text-size-adjust: none;
overflow-x: hidden;
width: 100vw;
+
+ @media all and ($mobile) {
+ scroll-padding-top: 4rem;
+ }
}
-body,
-section {
+body {
margin: 0;
box-sizing: border-box;
background-color: var(--light);
@@ -40,23 +43,17 @@
ol,
ul,
.katex,
-.math {
+.math,
+.typst-doc,
+g[class~="typst-text"] {
color: var(--darkgray);
fill: var(--darkgray);
- hyphens: auto;
+ overflow-wrap: break-word;
+ text-wrap: pretty;
}
-p,
-ul,
-text,
-a,
-li,
-ol,
-ul,
-.katex,
-.math {
- overflow-wrap: anywhere;
- /* tr and td removed from list of selectors for overflow-wrap, allowing them to use default 'normal' property value */
+path[class~="typst-shape"] {
+ stroke: var(--darkgray);
}
.math {
@@ -91,7 +88,7 @@
color: var(--secondary);
&:hover {
- color: var(--tertiary) !important;
+ color: var(--tertiary);
}
&.internal {
@@ -101,6 +98,15 @@
border-radius: 5px;
line-height: 1.4rem;
+ &.broken {
+ color: var(--secondary);
+ opacity: 0.5;
+ transition: opacity 0.2s ease;
+ &:hover {
+ opacity: 0.8;
+ }
+ }
+
&:has(> img) {
background-color: transparent;
border-radius: 0;
@@ -123,16 +129,32 @@
}
}
+.flex-component {
+ display: flex;
+}
+
.desktop-only {
display: initial;
+ &.flex-component {
+ display: flex;
+ }
@media all and ($mobile) {
+ &.flex-component {
+ display: none;
+ }
display: none;
}
}
.mobile-only {
display: none;
+ &.flex-component {
+ display: none;
+ }
@media all and ($mobile) {
+ &.flex-component {
+ display: flex;
+ }
display: initial;
}
}
@@ -197,7 +219,7 @@
}
& .sidebar {
- gap: 2rem;
+ gap: 1.2rem;
top: 0;
box-sizing: border-box;
padding: $topSpacing 2rem 2rem 2rem;
@@ -594,6 +616,7 @@
}
.katex-display {
+ display: initial;
overflow-x: auto;
overflow-y: hidden;
}
--
Gitblit v1.10.0