From cd9dc6ecb570c08291e73d9db001e6068df4d88a Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Mon, 07 Aug 2023 05:07:08 +0000
Subject: [PATCH] fix css transforms for mobile
---
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..e219cc5 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: none;
+ 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;
@@ -310,6 +314,7 @@
&:has(> code.mermaid) {
border: none;
+ position: relative;
}
& > code {
@@ -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