From 9bfbee3503d7d76d03ccc85f02a64547b2d31054 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sun, 25 Jun 2017 18:39:00 -0700
Subject: add border color utilities

---
 docs/4.0/utilities/borders.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

(limited to 'docs')

diff --git a/docs/4.0/utilities/borders.md b/docs/4.0/utilities/borders.md
index 8bf3f4674..3b1ee4338 100644
--- a/docs/4.0/utilities/borders.md
+++ b/docs/4.0/utilities/borders.md
@@ -13,6 +13,7 @@ Add classes to an element to remove all borders or some borders.
 
 <div class="bd-example-border-utils">
 {% example html %}
+<span class="border"></span>
 <span class="border-0"></span>
 <span class="border-top-0"></span>
 <span class="border-right-0"></span>
@@ -21,6 +22,17 @@ Add classes to an element to remove all borders or some borders.
 {% endexample %}
 </div>
 
+## Border color
+
+Change the border color using utilities built on our theme colors.
+
+<div class="bd-example-border-utils">
+{% example html %}
+{% for color in site.data.theme-colors %}
+<span class="border border-{{ color.name }}"></span>{% endfor %}
+{% endexample %}
+</div>
+
 ## Border-radius
 
 Add classes to an element to easily round its corners.
-- 
cgit v1.2.3