feat(utilities): add .border-4 and .border-5 (#2127)

Orange-OpenSource · Jul 5, 2023 · ef20beb · ef20beb
1 parent ca97b12
commit ef20beb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -618,7 +618,9 @@ $border-width:                .125rem !default;
 $border-widths: (
   1: $border-width * .5,
   2: $border-width,
-  3: $border-width * 1.5
+  3: $border-width * 1.5,
+  4: $border-width * 2,
+  5: $border-width * 2.5
 ) !default;
 $border-style:                solid !default;
 $border-color:                $black !default; // Boosted mod

diff --git a/site/content/docs/5.3/utilities/borders.md b/site/content/docs/5.3/utilities/borders.md
@@ -127,6 +127,8 @@ Or, choose from any of the `.border-opacity` utilities:
 <span class="border border-1"></span>
 <span class="border border-2"></span>
 <span class="border border-3"></span>
+<span class="border border-4"></span>
+<span class="border border-5"></span>
 {{< /example >}}
 
 ## Radius