diff --git a/scss/_variables.scss b/scss/_variables.scss index 9f8f356b9d..358389d28e 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -562,8 +562,8 @@ $grid-breakpoints: ( ) !default; // scss-docs-end grid-breakpoints -// This weird change is here to have the map in the correct ascending order for the checks right after. -// This change implies that the `$enbale-bootstrap-compatibility` is set before the import of this file. +// This adjustment ensures the map is in the correct ascending order for the checks that follow. +// Note: This requires `$enable-bootstrap-compatibility` to be set before importing this file. @if $enable-bootstrap-compatibility { $breakpoint-2xl: map-get($grid-breakpoints, 2xl); $breakpoint-3xl: map-get($grid-breakpoints, 3xl); diff --git a/scss/mixins/_container.scss b/scss/mixins/_container.scss index 5efa0ed36a..49e920b9ae 100644 --- a/scss/mixins/_container.scss +++ b/scss/mixins/_container.scss @@ -2,7 +2,7 @@ // scss-docs-start container-mixins @mixin make-container($gutter: $container-padding-x) { - // OUDS mod: no gutter definition inside containers + // OUDS mod: no CSS variable gutter definition inside containers width: 100%; padding-right: var(--#{$prefix}container-margin-x); // OUDS mod: instead of `calc(var(--#{$prefix}gutter-x) * .5)` padding-left: var(--#{$prefix}container-margin-x); // OUDS mod: instead of `calc(var(--#{$prefix}gutter-x) * .5)` diff --git a/scss/mixins/_grid.scss b/scss/mixins/_grid.scss index c1c021dea9..8ab3e4755d 100644 --- a/scss/mixins/_grid.scss +++ b/scss/mixins/_grid.scss @@ -3,7 +3,7 @@ // Generate semantic grid columns with these mixins. @mixin make-row($gutter: $grid-gutter-width) { - // OUDS mod: definition of this variable is handled differently, see below. + // OUDS mod: `--#{$prefix}gutter-x` is handled below --#{$prefix}gutter-y: 0; display: flex; flex-wrap: wrap; @@ -122,12 +122,12 @@ @each $key, $value in $gutters { .g#{$infix}-#{$key}, .gx#{$infix}-#{$key} { - --#{$prefix}gutter-x: #{$value if($enable-important-utilities, !important, null)}; + --#{$prefix}gutter-x: #{$value if($enable-important-utilities, !important, null)}; // OUDS mod: `$enable-important-utilities` check is added } .g#{$infix}-#{$key}, .gy#{$infix}-#{$key} { - --#{$prefix}gutter-y: #{$value if($enable-important-utilities, !important, null)}; + --#{$prefix}gutter-y: #{$value if($enable-important-utilities, !important, null)}; // OUDS mod: `$enable-important-utilities` check is added } } }