From b5877824500a19c721c93eedc59704db94487a94 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sat, 17 Jun 2023 20:08:06 +0000
Subject: [PATCH] collapsible callout
---
quartz/styles/callouts.scss | 16 +++++++++++++++-
1 files changed, 15 insertions(+), 1 deletions(-)
diff --git a/quartz/styles/callouts.scss b/quartz/styles/callouts.scss
index 26cb0ba..84d70b4 100644
--- a/quartz/styles/callouts.scss
+++ b/quartz/styles/callouts.scss
@@ -5,6 +5,8 @@
background-color: var(--bg);
border-radius: 5px;
padding: 0 1rem;
+ overflow-y: hidden;
+ transition: max-height 0.3s ease;
&[data-callout="note"] {
--color: #448aff;
@@ -71,8 +73,20 @@
display: flex;
align-items: center;
gap: 5px;
- margin: 1rem 0;
+ padding: 1rem 0;
+ margin-bottom: -1rem;
color: var(--color);
+
+ & .fold {
+ margin-left: 0.5rem;
+ transition: transform 0.3s ease;
+ opacity: 0.8;
+ cursor: pointer;
+ }
+
+ &.is-collapsed .fold {
+ transform: rotateZ(-90deg)
+ }
}
.callout-icon {
--
Gitblit v1.10.0