From b1185b91ea56e4a7b431b869855d898c91e4763b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Mon, 3 Oct 2022 20:52:41 +0200 Subject: Add new border-radius utilities (#36540) * Add new border-radius utilities * Fix bundlewatch * Fix bundlewatch again Co-authored-by: Mark Otto --- site/content/docs/5.2/utilities/borders.md | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'site') 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 -- cgit v1.2.3