From cb89cce183215f6a8edcb6d166875e2982586002 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sat, 17 Jun 2023 21:36:06 +0000
Subject: [PATCH] basic left,right layout
---
quartz/styles/callouts.scss | 21 +++++++++++++++++++--
1 files changed, 19 insertions(+), 2 deletions(-)
diff --git a/quartz/styles/callouts.scss b/quartz/styles/callouts.scss
index 9e2ff2d..d33d78b 100644
--- a/quartz/styles/callouts.scss
+++ b/quartz/styles/callouts.scss
@@ -4,7 +4,13 @@
border: 1px solid var(--border);
background-color: var(--bg);
border-radius: 5px;
- padding: 0 0.7rem;
+ padding: 0 1rem;
+ overflow-y: hidden;
+ transition: max-height 0.3s ease;
+
+ & > *:nth-child(2) {
+ margin-top: 0;
+ }
&[data-callout="note"] {
--color: #448aff;
@@ -71,8 +77,19 @@
display: flex;
align-items: center;
gap: 5px;
- margin: 1rem 0;
+ padding: 1rem 0;
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