From cbae88fc4e9b98764cfccca2e85f265c4b894573 Mon Sep 17 00:00:00 2001
From: Adam Brangenberg <adambrangenberg@proton.me>
Date: Mon, 31 Jul 2023 04:08:32 +0000
Subject: [PATCH] Removing redundant properties (#356)
---
quartz/styles/base.scss | 79 +++++++++++++++++++++++++++++++++------
1 files changed, 67 insertions(+), 12 deletions(-)
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index c6e343b..8253c5b 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -1,10 +1,12 @@
+@use "./custom.scss";
@use "./syntax.scss";
@use "./callouts.scss";
-@use "./custom.scss";
@use "./variables.scss" as *;
html {
scroll-behavior: smooth;
+ -webkit-text-size-adjust: none;
+ text-size-adjust: none;
}
body {
@@ -34,6 +36,8 @@
.math {
color: var(--darkgray);
fill: var(--darkgray);
+ overflow-wrap: anywhere;
+ hyphens: auto;
}
.math {
@@ -80,10 +84,6 @@
margin: 0 5vw;
}
- & p {
- overflow-wrap: anywhere;
- }
-
& article {
& > h1 {
font-size: 2rem;
@@ -92,11 +92,17 @@
& li:has(> input[type="checkbox"]) {
list-style-type: none;
padding-left: 0;
- margin-left: -1.4rem;
+ }
+
+ & li:has(> input[type="checkbox"]:checked) {
+ text-decoration: line-through;
+ text-decoration-color: var(--gray);
+ color: var(--gray);
}
& li > * {
- margin: 0;
+ margin-top: 0;
+ margin-bottom: 0;
}
}
@@ -123,14 +129,14 @@
flex-direction: row;
padding: 0;
width: initial;
- margin-top: 4rem;
+ margin-top: 2rem;
}
}
& .sidebar.left {
left: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth);
@media all and (max-width: $fullPageWidth) {
- gap: 1rem;
+ gap: 0;
align-items: center;
}
}
@@ -175,8 +181,33 @@
input[type="checkbox"] {
transform: translateY(2px);
color: var(--secondary);
- border-color: var(--lightgray);
+ border: 1px solid var(--lightgray);
+ border-radius: 3px;
background-color: var(--light);
+ position: relative;
+ margin-inline-end: 0.2rem;
+ margin-inline-start: -1.4rem;
+ appearance: none;
+ width: 16px;
+ height: 16px;
+
+ &:checked {
+ border-color: var(--secondary);
+ background-color: var(--secondary);
+
+ &::after {
+ content: "";
+ position: absolute;
+ left: 4px;
+ top: 1px;
+ width: 4px;
+ height: 8px;
+ display: block;
+ border: solid var(--light);
+ border-width: 0 2px 2px 0;
+ transform: rotate(45deg);
+ }
+ }
}
blockquote {
@@ -221,13 +252,37 @@
font-family: var(--codeFont);
user-select: none;
}
+
&[id]:hover > a {
opacity: 1;
}
}
+// typography improvements
+h1 {
+ font-size: 1.75rem;
+ margin-top: 2.75rem;
+}
+
+h2 {
+ font-size: 1.4rem;
+ margin-top: 2.4rem;
+}
+
+h3 {
+ font-size: 1.12rem;
+ margin-top: 2.12rem;
+}
+
+h4,
+h5,
+h6 {
+ font-size: 1rem;
+ margin-top: 2rem;
+}
+
div[data-rehype-pretty-code-fragment] {
- line-height: 1.5rem;
+ line-height: 1.6rem;
position: relative;
& > div[data-rehype-pretty-code-title] {
@@ -313,7 +368,7 @@
tbody,
li,
p {
- line-height: 1.5rem;
+ line-height: 1.6rem;
}
table {
--
Gitblit v1.10.0