Skip to content

Commit 6c84e56

Browse files
committed
docs: simplify blockquote design for sharp corners
Remove full border and box-shadow from blockquotes, keeping only the left border accent. This eliminates the diagonal corner artifacts that occurred when mixing thin borders with thick left borders at 0 radius. Changes: - Remove 1px full border (only keep 3px left border) - Remove box-shadow - Increase background opacity slightly for better contrast - Cleaner look that works well with sharp corners
1 parent a981dd6 commit 6c84e56

File tree

1 file changed

+2
-5
lines changed

1 file changed

+2
-5
lines changed

docs/theme/custom.css

Lines changed: 2 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -293,14 +293,11 @@ table code {
293293

294294
/* Blockquotes with GitHub-style alerts support */
295295
blockquote {
296-
border: 1px solid var(--color-border);
297-
border-left: 4px solid var(--color-plan-mode);
298-
background: color-mix(in srgb, var(--color-background-secondary), white 2%);
296+
border-left: 3px solid var(--color-plan-mode);
297+
background: color-mix(in srgb, var(--color-background-secondary), white 3%);
299298
padding: 1rem 1.2rem;
300299
margin: 1.5rem 0;
301-
border-radius: var(--radius-md);
302300
color: var(--color-text);
303-
box-shadow: var(--shadow-1);
304301
}
305302

306303
blockquote p {

0 commit comments

Comments
 (0)