From 39eebca3cfa8adf504d08d54e6fc05912641b40f Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Fri, 09 Aug 2024 01:28:13 +0000
Subject: [PATCH] chore: ts fixes
---
quartz/styles/base.scss | 67 +++++++++++++++++++++++++++------
1 files changed, 54 insertions(+), 13 deletions(-)
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index 7bc799a..3b3ead7 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -7,8 +7,6 @@
text-size-adjust: none;
overflow-x: hidden;
width: 100vw;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
}
body,
@@ -22,13 +20,12 @@
}
.text-highlight {
- background-color: #fff23688;
+ background-color: var(--textHighlight);
padding: 0 0.1rem;
border-radius: 5px;
}
-
::selection {
- background: color-mix(in srgb, var(--tertiary) 60%, transparent);
+ background: color-mix(in srgb, var(--tertiary) 60%, rgba(255, 255, 255, 0));
color: var(--darkgray);
}
@@ -45,18 +42,34 @@
.math {
color: var(--darkgray);
fill: var(--darkgray);
- overflow-wrap: anywhere;
hyphens: auto;
}
+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 */
+}
+
.math {
&.math-display {
text-align: center;
}
}
+strong {
+ font-weight: $semiBoldWeight;
+}
+
a {
- font-weight: $boldWeight;
+ font-weight: $semiBoldWeight;
text-decoration: none;
transition: color 0.2s ease;
color: var(--secondary);
@@ -77,6 +90,11 @@
border-radius: 0;
padding: 0;
}
+ &.tag-link {
+ &::before {
+ content: "#";
+ }
+ }
}
&.external .external-icon {
@@ -183,11 +201,19 @@
}
}
- & .page-header {
+ & .page-header,
+ & .page-footer {
width: $pageWidth;
- margin: $topSpacing auto 0 auto;
+ margin-top: 1rem;
+
@media all and (max-width: $fullPageWidth) {
width: initial;
+ }
+ }
+
+ & .page-header {
+ margin: $topSpacing auto 0 auto;
+ @media all and (max-width: $fullPageWidth) {
margin-top: 2rem;
}
}
@@ -261,11 +287,9 @@
font-weight: revert;
margin-bottom: 0;
- article > & > a {
+ article > & > a[role="anchor"] {
color: var(--dark);
- &.internal {
- background-color: transparent;
- }
+ background-color: transparent;
}
}
@@ -476,6 +500,10 @@
flex: 1 1 auto;
}
+div:has(> .overflow) {
+ position: relative;
+}
+
ul.overflow,
ol.overflow {
max-height: 400;
@@ -508,3 +536,16 @@
padding-left: 1rem;
}
}
+
+.katex-display {
+ overflow-x: auto;
+ overflow-y: hidden;
+}
+
+.external-embed.youtube,
+iframe.pdf {
+ aspect-ratio: 16 / 9;
+ height: 100%;
+ width: 100%;
+ border-radius: 5px;
+}
--
Gitblit v1.10.0