From 54248c4e3a5c2e729b0780812be44b6fb1f6b010 Mon Sep 17 00:00:00 2001 From: Marie Comet Date: Wed, 13 Nov 2024 16:03:39 +0100 Subject: [PATCH] update breakpoints to matches WP --- src/scss/01-abstract/_variables.scss | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/src/scss/01-abstract/_variables.scss b/src/scss/01-abstract/_variables.scss index 58dcdc44..cf98840c 100644 --- a/src/scss/01-abstract/_variables.scss +++ b/src/scss/01-abstract/_variables.scss @@ -126,18 +126,20 @@ $external-gutter-mobile: 20px; // ---- // Breakpoints +// Based on WordPress breakpoints (https://github.com/WordPress/gutenberg/blob/trunk/packages/base-styles/_breakpoints.scss) // ---- $breakpoints: ( xs: 480, s: 601, // 601px is a wordpress breakpoint (admin-bar become sticky) - sm: 768, + sm: 782, admin-bar: 784, // admin bar height change - md: 1024, - mdl: 1200, + m: 960, + md: 1080, + mdl: 1279, // Do not use 1280px, it causes a bug under Window Edge with a device pixel ratio higher than 1 + l: 1440, container-default: math.div($container-default + $external-gutter-mobile * 2, 1px), container-wide: math.div($container-wide + $external-gutter * 2, 1px), ); -// /!\ WARNING: If you use a breakpoint of 1280px, it causes a bug under Window Edge with a device pixel ratio higher than 1. Prefer to use the value 1279px. // ---- // border