From 8cb19fb67a2ddec3c366f248b4552673c75405ce Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pawe=C5=82=20Kuna?= <1282324+codecalm@users.noreply.github.com> Date: Mon, 21 Sep 2026 23:08:45 +0200 Subject: [PATCH] Set `pre` font size to 13px (#3125) --- .changeset/pre-font-size.md | 5 +++++ core/scss/_variables.scss | 2 ++ core/scss/ui/_markdown.scss | 1 + core/scss/ui/_type.scss | 1 + 4 files changed, 9 insertions(+) create mode 100644 .changeset/pre-font-size.md diff --git a/.changeset/pre-font-size.md b/.changeset/pre-font-size.md new file mode 100644 index 000000000..887f94bd0 --- /dev/null +++ b/.changeset/pre-font-size.md @@ -0,0 +1,5 @@ +--- +"@tabler/core": patch +--- + +Updated `pre` font size to 13px with a new `$pre-font-size` variable, and `$markdown-pre-font-size` for `.markdown`. diff --git a/core/scss/_variables.scss b/core/scss/_variables.scss index a82e5dcc9..2e0e08304 100644 --- a/core/scss/_variables.scss +++ b/core/scss/_variables.scss @@ -747,6 +747,7 @@ $code-color: light-dark(var(--gray-600), var(--gray-400)) !default; $code-bg: light-dark(var(--gray-100), var(--gray-900)) !default; $code-font-size: $font-size-reative-sm !default; +$pre-font-size: 0.92857143em !default; $pre-padding: 1rem !default; $pre-bg: var(--bg-surface-dark) !default; $pre-color: var(--light) !default; @@ -2289,6 +2290,7 @@ $markdown-blockquote-margin-y: 1.5rem !default; $markdown-blockquote-padding-y: 0.5rem !default; $markdown-blockquote-padding-x: 1.5rem !default; $markdown-pre-max-height: 20rem !default; +$markdown-pre-font-size: 0.8125em !default; // Calendar $calendar-padding-y: 0.5rem !default; diff --git a/core/scss/ui/_markdown.scss b/core/scss/ui/_markdown.scss index 2d8779b65..f1eff867b 100644 --- a/core/scss/ui/_markdown.scss +++ b/core/scss/ui/_markdown.scss @@ -72,5 +72,6 @@ Prose (formerly markdown) pre { max-height: var(--markdown-pre-max-height); + font-size: $markdown-pre-font-size; } } diff --git a/core/scss/ui/_type.scss b/core/scss/ui/_type.scss index 4cec84c77..7c7de26d9 100644 --- a/core/scss/ui/_type.scss +++ b/core/scss/ui/_type.scss @@ -129,6 +129,7 @@ dl { pre { --scrollbar-color: #{$pre-color}; padding: $pre-padding; + font-size: $pre-font-size; line-height: $line-height-base; color: $pre-color; background: $pre-bg;