From dcdeae4e7bd527945b887ca347b3b4408c03055b Mon Sep 17 00:00:00 2001
From: Ben Schlegel <31989404+benschlegel@users.noreply.github.com>
Date: Thu, 21 Sep 2023 16:53:19 +0000
Subject: [PATCH] docs(explorer): update default config + new example (#493)
---
quartz/components/styles/explorer.scss | 20 ++++++++++++++++----
1 files changed, 16 insertions(+), 4 deletions(-)
diff --git a/quartz/components/styles/explorer.scss b/quartz/components/styles/explorer.scss
index 4b25a55..955c269 100644
--- a/quartz/components/styles/explorer.scss
+++ b/quartz/components/styles/explorer.scss
@@ -1,4 +1,5 @@
button#explorer {
+ all: unset;
background-color: transparent;
border: none;
text-align: left;
@@ -8,7 +9,7 @@
display: flex;
align-items: center;
- & h3 {
+ & h1 {
font-size: 1rem;
display: inline-block;
margin: 0;
@@ -58,7 +59,7 @@
max-height 0.35s ease,
transform 0.35s ease,
opacity 0.2s ease;
- & div > li > a {
+ & li > a {
color: var(--dark);
opacity: 0.75;
pointer-events: all;
@@ -92,7 +93,7 @@
color: var(--tertiary) !important;
}
- & li > button {
+ & div > button {
color: var(--dark);
background-color: transparent;
border: none;
@@ -103,7 +104,7 @@
display: flex;
align-items: center;
- & h3 {
+ & p {
font-size: 0.95rem;
display: inline-block;
color: var(--secondary);
@@ -131,3 +132,14 @@
.folder-icon:hover {
color: var(--tertiary);
}
+
+.no-background::after {
+ background: none !important;
+}
+
+#explorer-end {
+ // needs height so IntersectionObserver gets triggered
+ height: 4px;
+ // remove default margin from li
+ margin: 0;
+}
--
Gitblit v1.10.0