From 4b345d66f978d97f47cd6d82d19bc690d456d8c6 Mon Sep 17 00:00:00 2001
From: Adam Wathan <adam.wathan@gmail.com>
Date: Sat, 4 Nov 2017 09:18:39 -0400
Subject: [PATCH] Tweak nav example titles and disabled states

---
 docs/source/docs/examples/navigation.blade.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/docs/source/docs/examples/navigation.blade.md b/docs/source/docs/examples/navigation.blade.md
index 7f92fee8d..ce3c4b072 100644
--- a/docs/source/docs/examples/navigation.blade.md
+++ b/docs/source/docs/examples/navigation.blade.md
@@ -19,7 +19,7 @@ title: "Navigation"
   </div>
 </div>
 
-## Simple Navigation Example
+## Simple
 
 @component('_partials.code-sample')
 <ul class="flex">
@@ -33,7 +33,7 @@ title: "Navigation"
         <a class="text-blue hover:text-blue-darker" href="#">Link</a>
     </li>
     <li class="mr-6">
-        <a class="text-grey-light" href="#">Disabled</a>
+        <a class="text-grey-light cursor-not-allowed" href="#">Disabled</a>
     </li>
 </ul>
 @endcomponent
@@ -68,12 +68,12 @@ title: "Navigation"
         <a class="inline-block border border-white rounded hover:border-grey-lighter text-blue hover:bg-grey-lighter py-1 px-3" href="#">Pill</a>
     </li>
     <li class="mr-3">
-        <a class="inline-block py-1 px-3 text-grey-light" href="#">Disabled Pill</a>
+        <a class="inline-block py-1 px-3 text-grey-light cursor-not-allowed" href="#">Disabled Pill</a>
     </li>
 </ul>
 @endcomponent
 
-## Flex-Filled Navigation
+## Stretched
 
 @component('_partials.code-sample')
 <ul class="flex">
@@ -84,12 +84,12 @@ title: "Navigation"
         <a class="text-center block border border-white rounded hover:border-grey-lighter text-blue hover:bg-grey-lighter py-2 px-4" href="#">Nav Item</a>
     </li>
     <li class="text-center flex-1">
-        <a class="block py-2 px-4 text-grey-light" href="#">Disabled Item</a>
+        <a class="block py-2 px-4 text-grey-light cursor-not-allowed" href="#">Disabled Item</a>
     </li>
 </ul>
 @endcomponent
 
-## Justified Navigation
+## Justified
 
 @component('_partials.code-sample')
 <ul class="flex justify-between">
@@ -100,7 +100,7 @@ title: "Navigation"
         <a class="inline-block border border-white rounded hover:border-grey-lighter text-blue hover:bg-grey-lighter py-2 px-4" href="#">Pill</a>
     </li>
     <li class="mr-3">
-        <a class="inline-block py-2 px-4 text-grey-light" href="#">Disabled Pill</a>
+        <a class="inline-block py-2 px-4 text-grey-light cursor-not-allowed" href="#">Disabled Pill</a>
     </li>
 </ul>
 @endcomponent