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

fix(callout): Grid-based callout collapsible animation (#1944)

Browse Source 
* Fixed broken nested callout maxHeight calculation

* Implemented grid-based callout collapsible
This commit is contained in:
Stephen Tse
2025-04-26 11:05:51 -07:00
committed by GitHub
parent 78e13bcb40
commit 4bd714b7be
3 changed files with 42 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
quartz/styles/callouts.scss
View File

@@ -7,11 +7,19 @@
border-radius: 5px;
padding: 0 1rem;
overflow-y: hidden;
transition: max-height 0.3s ease;
box-sizing: border-box;
& > .callout-content > :first-child {
margin-top: 0;
& > .callout-content {
display: grid;
transition: grid-template-rows 0.3s ease;
& > .callout-content-inner {
overflow: hidden;
& > :first-child {
margin-top: 0;
}
}
}
--callout-icon-note: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="2" x2="22" y2="6"></line><path d="M7.5 20.5 19 9l-4-4L3.5 16.5 2 22z"></path></svg>');