$spacer: 1rem; $spacers: ( 0: 0, 1: $spacer * .25, 2: $spacer * .5, 3: $spacer, 4: $spacer * 1.5, 5: $spacer * 3, ); $position-values: ( 0: 0, 50: 50%, 100: 100% ); $enable-negative-margins: false !default; $negative-spacers: if($enable-negative-margins, negativify-map($spacers), null) !default; $prefix: bs-; $dlab-right: l; $dlab-left: r; $dlab-pos-right:left; $dlab-pos-left:right; $dlab-row : row-reverse wrap; $dlab-tx: 50%; $utilities: () !default; $utilities: map-merge( ( "margin-end": ( responsive: true, property: margin-left, class: me, values: map-merge($spacers, (auto: auto)) ), "margin-start": ( responsive: true, property: margin-right, class: ms, values: map-merge($spacers, (auto: auto)) ), // scss-docs-end utils-vertical-align // scss-docs-start utils-float "float": ( responsive: true, property: float, values: ( start: right, end: left, none: none, ) ), "start": ( property: right, class: start, values: $position-values ), "end": ( property: left, class: end, values: $position-values ), "border-end": ( property: border-left, class: border-end, values: ( null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color), 0: 0, ) ), "border-start": ( property: border-right, class: border-start, values: ( null: var(--#{$prefix}border-width) var(--#{$prefix}border-style) var(--#{$prefix}border-color), 0: 0, ) ), "negative-margin-end": ( responsive: true, property: margin-left, class: me, values: $negative-spacers ), "negative-margin-start": ( responsive: true, property: margin-right, class: ms, values: $negative-spacers ), "padding-end": ( responsive: true, property: padding-left, class: pe, values: $spacers ), "padding-start": ( responsive: true, property: padding-right, class: ps, values: $spacers ), "text-align": ( responsive: true, property: text-align, class: text, values: ( start: right, end: left, center: center, ) ), "rounded-end": ( property: border-top-right-radius border-bottom-right-radius, class: rounded-end, values: ( null: var(--#{$prefix}border-radius), 0: 0, 1: var(--#{$prefix}border-radius-sm), 2: var(--#{$prefix}border-radius), 3: var(--#{$prefix}border-radius-lg), 4: var(--#{$prefix}border-radius-xl), 5: var(--#{$prefix}border-radius-xxl), circle: 50%, pill: var(--#{$prefix}border-radius-pill) ) ), "rounded-start": ( property: border-bottom-left-radius border-top-left-radius, class: rounded-start, values: ( null: var(--#{$prefix}border-radius), 0: 0, 1: var(--#{$prefix}border-radius-sm), 2: var(--#{$prefix}border-radius), 3: var(--#{$prefix}border-radius-lg), 4: var(--#{$prefix}border-radius-xl), 5: var(--#{$prefix}border-radius-xxl), circle: 50%, pill: var(--#{$prefix}border-radius-pill) ) ), ),$utilities );