diff options
| author | Julien Déramond <[email protected]> | 2022-10-03 20:52:41 +0200 |
|---|---|---|
| committer | GitHub <[email protected]> | 2022-10-03 11:52:41 -0700 |
| commit | b1185b91ea56e4a7b431b869855d898c91e4763b (patch) | |
| tree | 255c8b600df756ae7f6758142c027a1298ead340 /scss | |
| parent | fffe0553c278663f272d646c45b4074fbea1ca54 (diff) | |
| download | bootstrap-b1185b91ea56e4a7b431b869855d898c91e4763b.tar.xz bootstrap-b1185b91ea56e4a7b431b869855d898c91e4763b.zip | |
Add new border-radius utilities (#36540)
* Add new border-radius utilities
* Fix bundlewatch
* Fix bundlewatch again
Co-authored-by: Mark Otto <[email protected]>
Diffstat (limited to 'scss')
| -rw-r--r-- | scss/_utilities.scss | 48 |
1 files changed, 44 insertions, 4 deletions
diff --git a/scss/_utilities.scss b/scss/_utilities.scss index e23d6a7e4..715c611c2 100644 --- a/scss/_utilities.scss +++ b/scss/_utilities.scss @@ -615,22 +615,62 @@ $utilities: map-merge( "rounded-top": ( property: border-top-left-radius border-top-right-radius, class: rounded-top, - values: (null: var(--#{$prefix}border-radius)) + 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-2xl), + circle: 50%, + pill: var(--#{$prefix}border-radius-pill) + ) ), "rounded-end": ( property: border-top-right-radius border-bottom-right-radius, class: rounded-end, - values: (null: var(--#{$prefix}border-radius)) + 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-2xl), + circle: 50%, + pill: var(--#{$prefix}border-radius-pill) + ) ), "rounded-bottom": ( property: border-bottom-right-radius border-bottom-left-radius, class: rounded-bottom, - values: (null: var(--#{$prefix}border-radius)) + 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-2xl), + 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)) + 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-2xl), + circle: 50%, + pill: var(--#{$prefix}border-radius-pill) + ) ), // scss-docs-end utils-border-radius // scss-docs-start utils-visibility |