From 67e1beea7052ea515d47b881d4a30fa3ed847b0b Mon Sep 17 00:00:00 2001
From: Emile Bangma <github@emilebangma.com>
Date: Thu, 17 Oct 2024 22:30:16 +0000
Subject: [PATCH] feat(comments): support custom giscus themes (#1526)
---
quartz/styles/base.scss | 27 +++++++++++++++------------
1 files changed, 15 insertions(+), 12 deletions(-)
diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss
index c70d8b6..61c918f 100644
--- a/quartz/styles/base.scss
+++ b/quartz/styles/base.scss
@@ -190,7 +190,7 @@
& .sidebar.left {
z-index: 1;
- grid-area: sidebar-left;
+ grid-area: grid-sidebar-left;
flex-direction: column;
@media all and ($mobile) {
gap: 0;
@@ -205,7 +205,7 @@
}
& .sidebar.right {
- grid-area: sidebar-right;
+ grid-area: grid-sidebar-right;
margin-right: 0;
flex-direction: column;
@media all and ($mobile) {
@@ -232,7 +232,7 @@
}
& .page-header {
- grid-area: page-header;
+ grid-area: grid-header;
margin: $topSpacing 0 0 0;
@media all and ($mobile) {
margin-top: 0;
@@ -241,15 +241,17 @@
}
& .center > article {
- grid-area: page-center;
+ grid-area: grid-center;
}
- & .page-footer {
- grid-area: page-footer;
+ & footer {
+ grid-area: grid-footer;
}
& .center,
& footer {
+ max-width: 100%;
+ min-width: 100%;
margin-left: auto;
margin-right: auto;
@media all and ($desktop) {
@@ -416,7 +418,7 @@
counter-increment: line 0;
display: grid;
padding: 0.5rem 0;
- overflow-x: scroll;
+ overflow-x: auto;
& [data-highlighted-chars] {
background-color: var(--highlight);
@@ -535,12 +537,14 @@
}
div:has(> .overflow) {
- position: relative;
+ display: flex;
+ overflow-y: auto;
+ max-height: 100%;
}
ul.overflow,
ol.overflow {
- max-height: 400;
+ max-height: 100%;
overflow-y: auto;
// clearfix
@@ -550,8 +554,7 @@
& > li:last-of-type {
margin-bottom: 30px;
}
-
- &:after {
+ /*&:after {
pointer-events: none;
content: "";
width: 100%;
@@ -562,7 +565,7 @@
opacity: 1;
transition: opacity 0.3s ease;
background: linear-gradient(transparent 0px, var(--light));
- }
+ }*/
}
.transclude {
--
Gitblit v1.10.0