From 85a737b4ee72fb4dba12e1aacbd87d1636cfc30e Mon Sep 17 00:00:00 2001
From: Xinyang Yu <47915643+xy-241@users.noreply.github.com>
Date: Sun, 24 Mar 2024 16:33:53 +0000
Subject: [PATCH] docs: Update showcase.md (#1031)
---
quartz/styles/callouts.scss | 9 +++++----
1 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/quartz/styles/callouts.scss b/quartz/styles/callouts.scss
index ee62e39..b1fd180 100644
--- a/quartz/styles/callouts.scss
+++ b/quartz/styles/callouts.scss
@@ -1,3 +1,4 @@
+@use "./variables.scss" as *;
@use "sass:color";
.callout {
@@ -119,7 +120,7 @@
.callout-title {
display: flex;
- align-items: center;
+ align-items: flex-start;
gap: 5px;
padding: 1rem 0;
color: var(--color);
@@ -130,8 +131,6 @@
transition: transform 0.15s ease;
opacity: 0.8;
cursor: pointer;
- width: var(--icon-size);
- height: var(--icon-size);
--callout-icon: var(--callout-icon-fold);
}
@@ -144,6 +143,7 @@
& .fold-callout-icon {
width: var(--icon-size);
height: var(--icon-size);
+ flex: 0 0 var(--icon-size);
// icon support
background-size: var(--icon-size) var(--icon-size);
@@ -153,9 +153,10 @@
mask-size: var(--icon-size) var(--icon-size);
mask-position: center;
mask-repeat: no-repeat;
+ padding: 0.2rem 0;
}
.callout-title-inner {
- font-weight: 700;
+ font-weight: $semiBoldWeight;
}
}
--
Gitblit v1.10.0