From e157630a6be2a30831267e38f673013b6481efec Mon Sep 17 00:00:00 2001
From: AmeroHan <72120616+AmeroHan@users.noreply.github.com>
Date: Thu, 16 Oct 2025 06:26:29 +0800
Subject: [PATCH] =?UTF-8?q?fix(core):=20=F0=9F=90=9B=20fix=20breakpoint=20?=
 =?UTF-8?q?issues=20for=20=20viewports=20with=20fractional=20widths?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/mediawiki.less/mediawiki.skin.variables.less | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/resources/mediawiki.less/mediawiki.skin.variables.less b/resources/mediawiki.less/mediawiki.skin.variables.less
index 78afb8726..5f2646664 100644
--- a/resources/mediawiki.less/mediawiki.skin.variables.less
+++ b/resources/mediawiki.less/mediawiki.skin.variables.less
@@ -37,3 +37,8 @@
 @color-link-external: var( --color-link );
 @color-link-external--visited: var( --color-link );
 @color-link-external--active: var( --color-link--active );
+// work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
+// see https://github.com/twbs/bootstrap/blob/8f3d0580a36d3eba2a9f90d90ceaf6e50f452365/scss/mixins/_breakpoints.scss#L43 for why `- 0.02px` is used.
+@max-width-breakpoint-mobile: ( @min-width-breakpoint-tablet - 0.02px );
+@max-width-breakpoint-tablet: ( @min-width-breakpoint-desktop - 0.02px );
+@max-width-breakpoint-desktop: ( @min-width-breakpoint-desktop-wide - 0.02px );