From e6fcc12a44099adfb9daf8877a0afae2b8896c53 Mon Sep 17 00:00:00 2001 From: "louismaxime.piton" Date: Wed, 16 Oct 2024 09:03:13 +0200 Subject: [PATCH] . --- scss/_functions.scss | 2 +- scss/_variables.scss | 1 - site/content/docs/0.0/layout/breakpoints.md | 8 ++++---- 3 files changed, 5 insertions(+), 6 deletions(-) diff --git a/scss/_functions.scss b/scss/_functions.scss index b02ad4f0a8..9958d18ecb 100644 --- a/scss/_functions.scss +++ b/scss/_functions.scss @@ -12,7 +12,7 @@ // Do nothing } @else if not comparable($prev-num, $num) { @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !"; - } @else if $prev-num > $num { // OUDS mod: ascending order can be equal + } @else if $prev-num >= $num { @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !"; } $prev-key: $key; diff --git a/scss/_variables.scss b/scss/_variables.scss index 1e380109e4..52a04ffe35 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -572,7 +572,6 @@ $grid-breakpoints: ( // scss-docs-start container-max-widths $container-max-widths: ( - 2xs: $ouds-grid-xs-min-width, // 390px xs: $ouds-grid-xs-min-width, // 390px sm: $ouds-grid-sm-min-width, // 480px md: $ouds-grid-md-min-width, // 736px diff --git a/site/content/docs/0.0/layout/breakpoints.md b/site/content/docs/0.0/layout/breakpoints.md index 4dee38ec39..85fd15794d 100644 --- a/site/content/docs/0.0/layout/breakpoints.md +++ b/site/content/docs/0.0/layout/breakpoints.md @@ -141,16 +141,16 @@ These mixins take those declared breakpoints, subtract `.02px` from them, and us // `md` applies to small devices (landscape phones, less than 736px) @media (max-width: 735.98px) { ... } -// `lg` applies to medium devices (tablets, less than 1024px) +// `lg` applies to medium devices (portrait tablets, less than 1024px) @media (max-width: 1023.98px) { ... } -// `xl` applies to large devices (desktops, less than 1320px) +// `xl` applies to large devices (landscape tablets, less than 1320px) @media (max-width: 1319.98px) { ... } -// `2xl` applies to X-large devices (large desktops, less than 1640px) +// `2xl` applies to X-large devices (desktops, less than 1640px) @media (max-width: 1639.98px) { ... } -// `3xl` applies to 2X-large devices (larger desktops, less than 1880px) +// `3xl` applies to 2X-large devices (large desktops, less than 1880px) @media (max-width: 1879.98px) { ... } ```