diff --git a/addons/web/static/src/libs/bs5_utility_classes.scss b/addons/web/static/src/libs/bs5_utility_classes.scss index ac1bc0f8bb9..2ff862446c5 100644 --- a/addons/web/static/src/libs/bs5_utility_classes.scss +++ b/addons/web/static/src/libs/bs5_utility_classes.scss @@ -32,3 +32,20 @@ $o-inline-spacers: map-merge($spacers, ('auto': auto)); .float-end { float: right !important; } + +// == Gaps +//------------------------------------------------------------------------------ +// "Bootstrap v5 ready" utility-classes to handle gaps. +// These classes definitions can be safely removed after migrating to BTS v5. + +@each $breakpoint in map-keys($grid-breakpoints) { + @include media-breakpoint-up($breakpoint) { + $infix: breakpoint-infix($breakpoint, $grid-breakpoints); + + @each $size, $length in $spacers { + .gap#{$infix}-#{$size} { + gap: $length !important; + } + } + } +}