fix: reduce border 2px→1px, blockquote padding 2.5rem→1.25rem, lp callout gap

- Border width: 2px→1px for both callout and blockquote
- Blockquote padding: 2.5rem→1.25rem left, #spacing-4→#spacing-3 vertical
- Live preview callout: add padding-left: 0.75rem for border-text gap

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Darkings 2026-05-08 10:10:14 +08:00
parent 198f12a07d
commit 86d51c028b
3 changed files with 14 additions and 13 deletions

2
dist/theme.css vendored

File diff suppressed because one or more lines are too long

View file

@ -19,10 +19,10 @@ body.theme-light,
body .markdown-preview-view.markdown-rendered blockquote,
body .markdown-rendered blockquote {
background-color: transparent;
border-inline-start: 2px solid var(--monokai-blockquote-border);
border-inline-start: 1px solid var(--monokai-blockquote-border);
border-radius: 0 var(--radius-s) var(--radius-s) 0;
color: var(--text-normal);
padding: #{$spacing-4} #{$spacing-4} #{$spacing-4} 2.5rem;
padding: #{$spacing-3} #{$spacing-3} #{$spacing-3} 1.25rem;
}
body .markdown-source-view.mod-cm6 .cm-line.HyperMD-quote,
@ -30,8 +30,8 @@ body .markdown-source-view.mod-cm6 .HyperMD-quote,
body .markdown-source-view.mod-cm6 .cm-line:has(.cm-quote) {
background-color: transparent;
border-radius: 0 var(--radius-s) var(--radius-s) 0;
box-shadow: inset 2px 0 0 var(--monokai-blockquote-border);
padding-left: 2.5rem;
box-shadow: inset 1px 0 0 var(--monokai-blockquote-border);
padding-left: 1.25rem;
text-indent: 0;
}
@ -66,7 +66,7 @@ body .markdown-preview-view.markdown-rendered .callout,
body .markdown-rendered .callout {
background-color: var(--callout-background, transparent);
border: 0;
border-inline-start: 2px solid var(--callout-border, var(--monokai-callout-note-border));
border-inline-start: 1px solid var(--callout-border, var(--monokai-callout-note-border));
border-radius: 0 var(--radius-s) var(--radius-s) 0;
box-shadow: none;
padding: var(--callout-padding);
@ -76,10 +76,11 @@ body .markdown-source-view.mod-cm6 .callout,
body .markdown-source-view.mod-cm6 .cm-callout {
background-color: transparent;
border: 0;
border-inline-start: 2px solid var(--callout-border, var(--monokai-callout-note-border));
border-inline-start: 1px solid var(--callout-border, var(--monokai-callout-note-border));
border-radius: 0;
box-shadow: none;
padding: 0;
padding-left: 0.75rem;
}
body .markdown-preview-view.markdown-rendered .callout-title,

View file

@ -90,16 +90,16 @@
blockquote {
background-color: transparent;
border-inline-start: 2px solid var(--monokai-blockquote-border);
border-inline-start: 1px solid var(--monokai-blockquote-border);
border-radius: 0 var(--radius-s) var(--radius-s) 0;
color: var(--text-normal);
padding: #{$spacing-4} #{$spacing-4} #{$spacing-4} 2.5rem;
padding: #{$spacing-3} #{$spacing-3} #{$spacing-3} 1.25rem;
}
.callout {
background-color: var(--callout-background, transparent);
border: 0;
border-inline-start: 2px solid var(--callout-border, var(--monokai-callout-note-border));
border-inline-start: 1px solid var(--callout-border, var(--monokai-callout-note-border));
border-radius: 0 var(--radius-s) var(--radius-s) 0;
padding: var(--callout-padding);
}
@ -274,13 +274,13 @@
/* stylelint-disable-next-line selector-class-pattern -- Obsidian 内部类名,不能改成 kebab-case。 */
.HyperMD-quote {
background-color: transparent;
border-inline-start: 2px solid var(--monokai-blockquote-border);
border-inline-start: 1px solid var(--monokai-blockquote-border);
border-radius: 0 var(--radius-s) var(--radius-s) 0;
}
/* stylelint-disable-next-line selector-class-pattern -- Obsidian 内部类名 */
.HyperMD-quote .cm-line {
padding-inline-start: 2.5rem;
padding-inline-start: 1.25rem;
}
.cm-quote {
@ -301,7 +301,7 @@
.callout {
background-color: var(--callout-background, transparent);
border: 0;
border-inline-start: 2px solid var(--callout-border, var(--monokai-callout-note-border));
border-inline-start: 1px solid var(--callout-border, var(--monokai-callout-note-border));
border-radius: 0 var(--radius-s) var(--radius-s) 0;
padding: var(--callout-padding);
}