From 097ad6ba11867822e008215c1c28a0d75518bd0c Mon Sep 17 00:00:00 2001
From: Geoff Kimball <geoff@zurb.com>
Date: Wed, 10 Feb 2016 14:06:09 -0800
Subject: [PATCH] Change .is-active menu class to .active, to avoid overlap
 with dropdown menu active classes

---
 docs/pages/menu.md         | 4 ++--
 scss/components/_menu.scss | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/pages/menu.md b/docs/pages/menu.md
index 4265c9634..8306eb2f3 100644
--- a/docs/pages/menu.md
+++ b/docs/pages/menu.md
@@ -132,11 +132,11 @@ Add a new menu inside the `<li>` of a Menu and add the class `.nested` to create
 
 ## Active State
 
-Add the class `.is-active` to any `<li>` to create an active state. You could apply this server-side to mark the active page, or dynamically with JavaScript.
+Add the class `.active` to any `<li>` to create an active state. You could apply this server-side to mark the active page, or dynamically with JavaScript.
 
 ```html_example
 <ul class="menu">
-  <li class="is-active"><a>Home</a></li>
+  <li class="active"><a>Home</a></li>
   <li><a>About</a></li>
   <li><a>Nachos</a></li>
 </ul>
diff --git a/scss/components/_menu.scss b/scss/components/_menu.scss
index 4713634a7..f64be441d 100644
--- a/scss/components/_menu.scss
+++ b/scss/components/_menu.scss
@@ -274,7 +274,7 @@ $menu-icon-spacing: 0.25rem !default;
     }
 
     // Active state
-    .is-active > a {
+    .active > a {
       color: $menu-item-color-active;
       background: $menu-item-background-active;
     }
-- 
2.47.2