From 4da9b57dcf926f9da61bf58d23c0d282332cfb93 Mon Sep 17 00:00:00 2001 From: Jdrewniak Date: Fri, 7 Jun 2024 21:05:50 +0000 Subject: [PATCH] Revert "styles: Replace deprecated breakpoints" This reverts commit dd5b98515df2d62ea18a96971eb39838809c8034. Reason for revert: There are some hard-coded values in JS that reference these breakpoint, and need to be updated along with this change. Change-Id: I4a16959d98c12ea1ca8b5b848f9cea0b9cea66f5 --- resources/skins.vector.styles/variables.less | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/resources/skins.vector.styles/variables.less b/resources/skins.vector.styles/variables.less index 60f6301d6..fe477d8c6 100644 --- a/resources/skins.vector.styles/variables.less +++ b/resources/skins.vector.styles/variables.less @@ -1,5 +1,16 @@ @import 'mediawiki.skin.variables.less'; +// +// == Media query breakpoints == +// See also https://doc.wikimedia.org/codex/latest/design-tokens/breakpoint.html +// +@max-width-breakpoint-mobile: 719px; +@min-width-breakpoint-tablet: 720px; // In contrast to Codex `640px`. +@max-width-breakpoint-tablet: 999px; +@min-width-breakpoint-desktop: 1000px; // In contrast to Codex `1120px`. +@max-width-breakpoint-desktop: 1199px; +@min-width-breakpoint-desktop-wide: 1200px; // In contrast to Codex `1680px`. + // Defines the minimum viewport width, at which point the layout will not get any // smaller and will start horizontal scrolling instead. @min-width-supported: unit( 500px / @font-size-browser, em );