From 1bf1b0a2060f6fa9f14fc611741ef644d9294acd Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Sat, 16 Dec 2017 11:54:51 -0500
Subject: [PATCH] Add hover docs to font weight docs

---
 docs/source/docs/font-weight.blade.md | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/docs/source/docs/font-weight.blade.md b/docs/source/docs/font-weight.blade.md
index a53afde6d..ed821deba 100644
--- a/docs/source/docs/font-weight.blade.md
+++ b/docs/source/docs/font-weight.blade.md
@@ -5,7 +5,7 @@ description: "Utilities for controlling the font weight of an element."
 features:
   responsive: true
   customizable: true
-  hover: false
+  hover: true
   focus: false
 ---
 
@@ -61,6 +61,22 @@ features:
   ]
 ])
 
+## Hover
+
+In addition to the standard responsive variations, font weight utilities also come in `hover:` variations that apply the given font weight on hover.
+
+@component('_partials.code-sample')
+<div class="text-center text-blue-dark">
+  <a href="#" class="font-normal hover:font-bold">Hover over this link</a>
+</div>
+@endcomponent
+
+Hover utilities can also be combined with responsive utilities by adding the responsive `{screen}:` prefix *before* the `hover:` prefix.
+
+```html
+<a href="#" class="... md:font-normal md:hover:font-bold ...">Link</a>
+```
+
 ## Customizing
 
 @include('_partials.variants-and-disabling', [
@@ -70,5 +86,6 @@ features:
     ],
     'variants' => [
         'responsive',
+        'hover',
     ],
 ])