Update styling, again
Fix font drift fully, remove code block padding, use colorful headings
This commit is contained in:
@@ -14,3 +14,47 @@ body {
|
||||
--h6-weight: 600;
|
||||
--h6-variant: normal;
|
||||
}
|
||||
|
||||
/* ---------- 1. one face everywhere ---------- */
|
||||
body {
|
||||
--my-mono: "iA Writer Mono V", "JetBrains Mono", "Berkeley Mono", var(--font-monospace-default);
|
||||
|
||||
/* Minimal's theme-level vars, skip the interface */
|
||||
--font-text-theme: var(--my-mono);
|
||||
--font-monospace-theme: var(--my-mono);
|
||||
|
||||
/* Obsidian core vars */
|
||||
--font-text: var(--my-mono);
|
||||
--font-monospace: var(--my-mono);
|
||||
|
||||
--h1-font: var(--my-mono);
|
||||
--h2-font: var(--my-mono);
|
||||
--h3-font: var(--my-mono);
|
||||
--h4-font: var(--my-mono);
|
||||
--h5-font: var(--my-mono);
|
||||
--h6-font: var(--my-mono);
|
||||
|
||||
/* put code on the same grid as body text */
|
||||
--code-size: var(--font-text-size);
|
||||
}
|
||||
|
||||
/* ---------- 2. kill what breaks the grid ---------- */
|
||||
.markdown-rendered :is(h1, h2, h3, h4, h5, h6),
|
||||
.inline-title,
|
||||
.cm-s-obsidian .HyperMD-header,
|
||||
.cm-s-obsidian :is(.cm-header-1, .cm-header-2, .cm-header-3,
|
||||
.cm-header-4, .cm-header-5, .cm-header-6),
|
||||
.callout-title-inner,
|
||||
.table-view-table,
|
||||
code, pre, .cm-line, .metadata-property-value {
|
||||
font-family: var(--my-mono) !important;
|
||||
letter-spacing: 0 !important;
|
||||
word-spacing: 0 !important;
|
||||
font-variant: normal !important;
|
||||
font-kerning: none;
|
||||
font-variant-ligatures: none;
|
||||
font-feature-settings: "liga" 0, "clig" 0, "calt" 0, "kern" 0;
|
||||
font-synthesis: none;
|
||||
text-rendering: optimizeSpeed;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user