From cd120d166d5cd064316896bdd25f1691900a86e4 Mon Sep 17 00:00:00 2001 From: Louis-Maxime Piton Date: Thu, 5 Sep 2024 16:40:29 +0200 Subject: [PATCH] Add `.border-circle` and `.border-pill` to the radius size part of the documentation. --- site/content/docs/5.3/utilities/borders.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/site/content/docs/5.3/utilities/borders.md b/site/content/docs/5.3/utilities/borders.md index b4fa2f4138..cc50eb2d2b 100644 --- a/site/content/docs/5.3/utilities/borders.md +++ b/site/content/docs/5.3/utilities/borders.md @@ -128,13 +128,11 @@ Add classes to an element to easily round its corners. {{< placeholder width="75" height="75" class="rounded-end" title="Example right rounded image" >}} {{< placeholder width="75" height="75" class="rounded-bottom" title="Example bottom rounded image" >}} {{< placeholder width="75" height="75" class="rounded-start" title="Example left rounded image" >}} -{{< placeholder width="75" height="75" class="rounded-circle" title="Completely round image" >}} -{{< placeholder width="150" height="75" class="rounded-pill" title="Rounded pill image" >}} {{< /example >}} ### Sizes -Use the scaling classes for larger or smaller rounded corners. Sizes range from `0` to `5`, and can be configured by modifying the utilities API. +Use the scaling classes for larger or smaller rounded corners. Sizes range from `0` to `5` including `circle` and `pill`, and can be configured by modifying the utilities API. {{< example class="bd-example-rounded-utils" >}} {{< placeholder width="75" height="75" class="rounded-0" title="Example non-rounded image" >}} @@ -143,6 +141,8 @@ Use the scaling classes for larger or smaller rounded corners. Sizes range from {{< placeholder width="75" height="75" class="rounded-3" title="Example large rounded image" >}} {{< placeholder width="75" height="75" class="rounded-4" title="Example larger rounded image" >}} {{< placeholder width="75" height="75" class="rounded-5" title="Example extra large rounded image" >}} +{{< placeholder width="75" height="75" class="rounded-circle" title="Completely round image" >}} +{{< placeholder width="150" height="75" class="rounded-pill" title="Rounded pill image" >}} {{< /example >}} {{< example class="bd-example-rounded-utils" >}}