Better understanding border utility .border-*-0

twbs · May 20, 2022 · 075c357 · 075c357
1 parent c53312d
commit 075c357
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 12 deletions.
diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss
@@ -257,12 +257,6 @@
   }
 }
 
-.bd-example-border-utils-0 {
-  [class^="border"] {
-    border: var(--#{$prefix}border-width) solid var(--#{$prefix}border-color);
-  }
-}
-
 .bd-example-rounded-utils {
   [class*="rounded"] {
     margin: .25rem;

diff --git a/site/content/docs/5.2/utilities/borders.md b/site/content/docs/5.2/utilities/borders.md
@@ -26,12 +26,12 @@ Add borders to custom elements:
 
 Or remove borders:
 
-{{< example class="bd-example-border-utils bd-example-border-utils-0" >}}
-<span class="border-0"></span>
-<span class="border-top-0"></span>
-<span class="border-end-0"></span>
-<span class="border-bottom-0"></span>
-<span class="border-start-0"></span>
+{{< example class="bd-example-border-utils" >}}
+<span class="border border-0"></span>
+<span class="border border-top-0"></span>
+<span class="border border-end-0"></span>
+<span class="border border-bottom-0"></span>
+<span class="border border-start-0"></span>
 {{< /example >}}
 
 ## Color