From 05e4f4229100e0420316072fda9e8ddc6229db5f Mon Sep 17 00:00:00 2001
From: Justin <127172022+jl33-ai@users.noreply.github.com>
Date: Wed, 17 Sep 2025 16:32:25 +0000
Subject: [PATCH] docs: update nav for cloudflare pages (#2130)
---
quartz/styles/base.scss | 38 +++++++++++++++++++++++++++++++++-----
1 files changed, 33 insertions(+), 5 deletions(-)
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index 3ed9e63..8bd1123 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -11,8 +11,7 @@
width: 100vw;
}
-body,
-section {
+body {
margin: 0;
box-sizing: border-box;
background-color: var(--light);
@@ -40,7 +39,9 @@
ol,
ul,
.katex,
-.math {
+.math,
+.typst-doc,
+.typst-doc * {
color: var(--darkgray);
fill: var(--darkgray);
hyphens: auto;
@@ -54,7 +55,9 @@
ol,
ul,
.katex,
-.math {
+.math,
+.typst-doc,
+.typst-doc * {
overflow-wrap: anywhere;
/* tr and td removed from list of selectors for overflow-wrap, allowing them to use default 'normal' property value */
}
@@ -91,7 +94,7 @@
color: var(--secondary);
&:hover {
- color: var(--tertiary) !important;
+ color: var(--tertiary);
}
&.internal {
@@ -101,6 +104,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 +135,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;
}
}
--
Gitblit v1.10.0