From 533d68e642ca82b540d57a449d0e2c98ed921d6e Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Tue, 08 Aug 2023 06:56:50 +0000
Subject: [PATCH] most of creating components, increase legibility of bold in article and callouts
---
quartz/styles/base.scss | 37 ++++++++++++++++++++++++++++++-------
1 files changed, 30 insertions(+), 7 deletions(-)
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index 8253c5b..5a6b5db 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -7,6 +7,8 @@
scroll-behavior: smooth;
-webkit-text-size-adjust: none;
text-size-adjust: none;
+ overflow-x: hidden;
+ width: 100vw;
}
body {
@@ -40,6 +42,7 @@
hyphens: auto;
}
+
.math {
font-size: 1.1rem;
&.math-display {
@@ -81,7 +84,9 @@
.page {
@media all and (max-width: $fullPageWidth) {
- margin: 0 5vw;
+ margin: 0 auto;
+ padding: 0 1rem;
+ max-width: $pageWidth;
}
& article {
@@ -104,6 +109,10 @@
margin-top: 0;
margin-bottom: 0;
}
+
+ p > strong {
+ color: var(--dark);
+ }
}
& > #quartz-body {
@@ -162,9 +171,9 @@
& .center,
& footer {
- width: $pageWidth;
margin-left: auto;
margin-right: auto;
+ width: $pageWidth;
@media all and (max-width: $fullPageWidth) {
width: initial;
margin-left: 0;
@@ -307,6 +316,7 @@
border-radius: 5px;
overflow-x: auto;
border: 1px solid var(--lightgray);
+ position: relative;
&:has(> code.mermaid) {
border: none;
@@ -372,16 +382,29 @@
}
table {
- margin: 1rem 0;
- border: 1px solid var(--gray);
+ margin: 1rem;
padding: 1.5rem;
border-collapse: collapse;
+ & > * {
+ line-height: 2rem;
+ }
}
-td,
th {
+ text-align: left;
+ padding: 0.4rem 1rem;
+ border-bottom: 2px solid var(--gray);
+}
+
+td {
padding: 0.2rem 1rem;
- border: 1px solid var(--gray);
+}
+
+tr {
+ border-bottom: 1px solid var(--lightgray);
+ &:last-child {
+ border-bottom: none;
+ }
}
img {
@@ -415,7 +438,7 @@
ul.overflow,
ol.overflow {
- height: 400px;
+ height: 300px;
overflow-y: scroll;
// clearfix
--
Gitblit v1.10.0