From 4923affa7722dfc751f1074348e6dad214fe0c08 Mon Sep 17 00:00:00 2001
From: Emile Bangma <github@emilebangma.com>
Date: Sun, 21 Sep 2025 17:14:03 +0000
Subject: [PATCH] fix(callouts)!: match callout DOM to Obsidian (#2104)
---
quartz/styles/callouts.scss | 26 +++++++++++++++++---------
1 files changed, 17 insertions(+), 9 deletions(-)
diff --git a/quartz/styles/callouts.scss b/quartz/styles/callouts.scss
index 02921ae..745defc 100644
--- a/quartz/styles/callouts.scss
+++ b/quartz/styles/callouts.scss
@@ -11,14 +11,11 @@
& > .callout-content {
display: grid;
- transition: grid-template-rows 0.3s ease;
+ transition: grid-template-rows 0.1s cubic-bezier(0.02, 0.01, 0.47, 1);
+ overflow: hidden;
- & > .callout-content-inner {
- overflow: hidden;
-
- & > :first-child {
- margin-top: 0;
- }
+ & > :first-child {
+ margin-top: 0;
}
}
@@ -121,8 +118,19 @@
--callout-icon: var(--callout-icon-quote);
}
- &.is-collapsed > .callout-title > .fold-callout-icon {
- transform: rotateZ(-90deg);
+ &.is-collapsed {
+ & > .callout-title > .fold-callout-icon {
+ transform: rotateZ(-90deg);
+ }
+
+ .callout-content > :first-child {
+ transition:
+ height 0.1s cubic-bezier(0.02, 0.01, 0.47, 1),
+ margin 0.1s cubic-bezier(0.02, 0.01, 0.47, 1);
+ overflow-y: clip;
+ height: 0;
+ margin-top: -1rem;
+ }
}
}
--
Gitblit v1.10.0