diff options
author | Julien Déramond <julien.deramond@orange.com> | 2022-10-03 21:52:41 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-10-03 21:52:41 +0300 |
commit | b1185b91ea56e4a7b431b869855d898c91e4763b (patch) | |
tree | 255c8b600df756ae7f6758142c027a1298ead340 /site | |
parent | fffe0553c278663f272d646c45b4074fbea1ca54 (diff) |
Add new border-radius utilities (#36540)
* Add new border-radius utilities
* Fix bundlewatch
* Fix bundlewatch again
Co-authored-by: Mark Otto <markdotto@gmail.com>
Diffstat (limited to 'site')
-rw-r--r-- | site/content/docs/5.2/utilities/borders.md | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/site/content/docs/5.2/utilities/borders.md b/site/content/docs/5.2/utilities/borders.md index 8d850a214b..60be796d9a 100644 --- a/site/content/docs/5.2/utilities/borders.md +++ b/site/content/docs/5.2/utilities/borders.md @@ -139,6 +139,15 @@ Use the scaling classes for larger or smaller rounded corners. Sizes range from {{< placeholder width="75" height="75" class="rounded-5" title="Example extra large rounded image" >}} {{< /example >}} +{{< example class="bd-example-rounded-utils" >}} + +{{< placeholder width="75" height="75" class="rounded-bottom-1" title="Example small rounded image" >}} +{{< placeholder width="75" height="75" class="rounded-start-2" title="Example default left rounded image" >}} +{{< placeholder width="75" height="75" class="rounded-end-circle" title="Example right completely round image" >}} +{{< placeholder width="75" height="75" class="rounded-start-pill" title="Example left rounded pill image" >}} +{{< placeholder width="75" height="75" class="rounded-5 rounded-top-0" title="Example extra large bottom rounded image" >}} +{{< /example >}} + ## CSS ### Variables |