yuriy/quartz-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(callouts)!: match callout DOM to Obsidian (#2104)

Browse Source 
* fix(callouts): match callout DOM to Obsidian

* use new transition curve for all callout transitions

* chore!: bump version to 4.5.2
This commit is contained in:
Emile Bangma
2025-09-21 19:14:03 +02:00
committed by GitHub
parent 4c78d29c13
commit 4923affa77
4 changed files with 21 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
quartz/styles/callouts.scss
View File

@@ -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;
}
}
}