From c0030738a3137c28ae41ec5c5d35951dbaff97e6 Mon Sep 17 00:00:00 2001 From: Timo Breumelhof Date: Wed, 5 Aug 2026 17:18:26 +0200 Subject: [PATCH] Fix width def. Order in dimensions.scss #6840 --- .../Skins/Aperture/src/scss/utilities/_dimension.scss | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/DNN Platform/Skins/Aperture/src/scss/utilities/_dimension.scss b/DNN Platform/Skins/Aperture/src/scss/utilities/_dimension.scss index e69c2c71e87..7a866ec05d1 100644 --- a/DNN Platform/Skins/Aperture/src/scss/utilities/_dimension.scss +++ b/DNN Platform/Skins/Aperture/src/scss/utilities/_dimension.scss @@ -28,8 +28,15 @@ $sizes: ( max-height: $value; } } - @each $breakpoint, $min-width in breakpoints.$breakpoints { - @media (min-width: $min-width) { + } + + // Breakpoints must be the outer loop so that a larger breakpoint's rules + // always come later in the stylesheet than a smaller breakpoint's rules. + // Otherwise two !important rules from different breakpoints/sizes that are + // simultaneously active fall back to source order, and the wrong one wins. + @each $breakpoint, $min-width in breakpoints.$breakpoints { + @media (min-width: $min-width) { + @each $key, $value in $sizes { .aperture-#{$property}-#{$breakpoint}-#{$key} { @if ($property == 'w') { width: $value !important;