Alice/my_digital_garden
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

collapsible callout

Browse source
This commit is contained in:
Jacky Zhao 2023-06-17 13:08:06 -07:00
parent 6d5491fdcb
commit b587782450
4 changed files with 68 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

16
quartz/styles/callouts.scss
View file

@ -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 {