From 660aae62e09ea1f5ec957149b78bfd01a85bd79f Mon Sep 17 00:00:00 2001
From: Odaimoko <934854676@qq.com>
Date: Tue, 28 Nov 2023 07:05:18 +0000
Subject: [PATCH] docs: add Imk&Cc's homepage to showcase.md (#595)
---
quartz/styles/base.scss | 52 ++++++++++++++++++++++++++++++++++++----------------
1 files changed, 36 insertions(+), 16 deletions(-)
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index b5e6b27..2e5edec 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -1,7 +1,6 @@
-@use "./custom.scss";
+@use "./variables.scss" as *;
@use "./syntax.scss";
@use "./callouts.scss";
-@use "./variables.scss" as *;
html {
scroll-behavior: smooth;
@@ -27,6 +26,11 @@
border-radius: 5px;
}
+::selection {
+ background: color-mix(in srgb, var(--tertiary) 75%, transparent);
+ color: var(--darkgray);
+}
+
p,
ul,
text,
@@ -45,7 +49,6 @@
}
.math {
- font-size: 1.1rem;
&.math-display {
text-align: center;
}
@@ -61,7 +64,7 @@
color: var(--tertiary) !important;
}
- &.internal {
+ &.internal:not(:has(> img)) {
text-decoration: none;
background-color: var(--highlight);
padding: 0 0.1rem;
@@ -91,6 +94,8 @@
}
& article {
+ position: relative;
+
& > h1 {
font-size: 2rem;
}
@@ -321,7 +326,6 @@
border-radius: 5px;
overflow-x: auto;
border: 1px solid var(--lightgray);
- position: relative;
&:has(> code.mermaid) {
border: none;
@@ -386,23 +390,33 @@
line-height: 1.6rem;
}
-table {
- margin: 1rem;
- padding: 1.5rem;
- border-collapse: collapse;
- & > * {
- line-height: 2rem;
+.table-container {
+ overflow-x: auto;
+
+ & > table {
+ margin: 1rem;
+ padding: 1.5rem;
+ border-collapse: collapse;
+
+ th,
+ td {
+ min-width: 75px;
+ }
+
+ & > * {
+ line-height: 2rem;
+ }
}
}
th {
text-align: left;
- padding: 0.4rem 1rem;
+ padding: 0.4rem 0.7rem;
border-bottom: 2px solid var(--gray);
}
td {
- padding: 0.2rem 1rem;
+ padding: 0.2rem 0.7rem;
}
tr {
@@ -443,15 +457,15 @@
ul.overflow,
ol.overflow {
- height: 300px;
- overflow-y: scroll;
+ max-height: 400;
+ overflow-y: auto;
// clearfix
content: "";
clear: both;
& > li:last-of-type {
- margin-bottom: 50px;
+ margin-bottom: 30px;
}
&:after {
@@ -467,3 +481,9 @@
background: linear-gradient(transparent 0px, var(--light));
}
}
+
+.transclude {
+ ul {
+ padding-left: 1rem;
+ }
+}
--
Gitblit v1.10.0