feat(borders): add .border-sm utility

Orange-OpenSource · Apr 8, 2020 · df95392 · df95392
1 parent 10d075f
commit df95392
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/scss/_utilities.scss b/scss/_utilities.scss
@@ -76,6 +76,13 @@ $utilities: map-merge(
         )
       )
     ),
+    "border-width": (
+      property: border-width,
+      class: border,
+      values: (
+        "sm": $border-width / 2
+      )
+    ),
     // Sizing utilities
     "width": (
       property: width,

diff --git a/site/content/docs/4.3/utilities/borders.md b/site/content/docs/4.3/utilities/borders.md
@@ -51,3 +51,13 @@ Add classes to an element to easily round its corners.
 {{< placeholder width="75" height="75" class="rounded-circle" title="Example rounded image" >}}
 {{< placeholder width="150" height="75" class="rounded-pill" title="Rounded pill image" >}}
 {{< /example >}}
+
+<!-- Boosted mod -->
+## Border-width
+
+Switch to `1px` wide border by using `border-width` utility.
+
+{{< example class="bd-example-border-utils" >}}
+<span class="border border-sm"></span>
+{{< /example >}}
+<!-- End mod -->