From: Geoff Kimball <geoff@zurb.com>
Date: Wed, 10 Feb 2016 22:06:09 +0000 (-0800)
Subject: Change .is-active menu class to .active, to avoid overlap with dropdown menu active... 
X-Git-Tag: v6.2.0-rc.1~16
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=097ad6ba11867822e008215c1c28a0d75518bd0c;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Change .is-active menu class to .active, to avoid overlap with dropdown menu active classes
---

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;
     }