wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-23 23:33:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "styles: Replace deprecated breakpoints"

Browse source 
This reverts commit dd5b98515d.

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
This commit is contained in:
Jdrewniak 2024-06-07 21:05:50 +00:00 committed by Gerrit Code Review
parent dd5b98515d
commit 4da9b57dcf
1 changed files with 11 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
resources/skins.vector.styles/variables.less
View file

@ -1,5 +1,16 @@
@import 'mediawiki.skin.variables.less'; @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 // Defines the minimum viewport width, at which point the layout will not get any
// smaller and will start horizontal scrolling instead. // smaller and will start horizontal scrolling instead.
@min-width-supported: unit( 500px / @font-size-browser, em ); @min-width-supported: unit( 500px / @font-size-browser, em );