From 527ce6546e7ec50e7720ff7b9b6ff79a89c3b7fc Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Tue, 08 Aug 2023 04:41:18 +0000
Subject: [PATCH] various css fixes, fix new image loading bug when previewing, path docs
---
quartz/styles/base.scss | 32 +++++++++++++++++++++++++-------
1 files changed, 25 insertions(+), 7 deletions(-)
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index 8253c5b..185582e 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 {
@@ -81,7 +83,9 @@
.page {
@media all and (max-width: $fullPageWidth) {
- margin: 0 5vw;
+ margin: 0 auto;
+ padding: 0 1rem;
+ max-width: $pageWidth;
}
& article {
@@ -162,9 +166,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 +311,7 @@
border-radius: 5px;
overflow-x: auto;
border: 1px solid var(--lightgray);
+ position: relative;
&:has(> code.mermaid) {
border: none;
@@ -372,16 +377,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 +433,7 @@
ul.overflow,
ol.overflow {
- height: 400px;
+ height: 300px;
overflow-y: scroll;
// clearfix
--
Gitblit v1.10.0