From 9248d28778e7dfd7fcbad84c5dff2e25fef76025 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C3=ABl=20De=20Boey?= <info@michaeldeboey.be>
Date: Sat, 2 Dec 2017 18:03:02 +0100
Subject: [PATCH] borderColors

---
 docs/source/docs/border-color.blade.md | 34 ++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/docs/source/docs/border-color.blade.md b/docs/source/docs/border-color.blade.md
index 4ab869df3..6426f50fa 100644
--- a/docs/source/docs/border-color.blade.md
+++ b/docs/source/docs/border-color.blade.md
@@ -40,3 +40,37 @@ Hover utilities can also be combined with responsive utilities by adding the res
 ```html
 <button class="... md:border-blue md:hover:border-red ...">Button</button>
 ```
+
+## Customizing
+
+### Responsive, Hover, and Focus Variants
+
+By default, no focus, or group-hover variants are generated for border color utilities.
+
+You can control which variants are generated for the border color utilities by modifying the `borderColors` property in the `modules` section of your Tailwind config file.
+
+For example, this config will _also_ generate focus variants:
+
+```js
+{
+    // ...
+    modules: { 
+        // ...
+        borderColors: ['responsive', 'hover', 'focus'],
+    }
+}
+```
+
+### Disabling
+
+If you aren't using the border color utilities in your project, you can disable them entirely by setting the `borderColors` property to `false` in the `modules` section of your config file:
+
+```js
+{
+    // ...
+    modules: {
+        // ...
+        borderColors: false,
+    }
+}
+```