From 3d14a09b12251a2568edd71f0a2217728a71078c Mon Sep 17 00:00:00 2001
From: Javier Arce <javierarce@gmail.com>
Date: Tue, 16 Feb 2016 16:47:33 +0100
Subject: [PATCH 1/2] Closes #70

---
 src/scss/cdb-components/menu.scss | 56 ++++++++++++++-----------------
 1 file changed, 25 insertions(+), 31 deletions(-)

diff --git a/src/scss/cdb-components/menu.scss b/src/scss/cdb-components/menu.scss
index e5cbc89..3a1d132 100644
--- a/src/scss/cdb-components/menu.scss
+++ b/src/scss/cdb-components/menu.scss
@@ -9,24 +9,24 @@
 <nav class="CDB-NavMenu">
   <ul class="CDB-NavMenu-Inner CDB-Text is-semibold CDB-Size-medium">
     <li class="CDB-NavMenu-Item">
-      <a class="CDB-NavMenu-Link" href="#">DATA</a>
+      <button class="CDB-NavMenu-Link">DATA</button>
     </li>
     <li class="CDB-NavMenu-Item">
-      <a class="CDB-NavMenu-Link" href="#">STYLE</a>
+      <button class="CDB-NavMenu-Link">STYLE</button>
     </li>
     <li class="CDB-NavMenu-Item">
-      <a class="CDB-NavMenu-Link" href="#">POP-UP</a>
+      <button class="CDB-NavMenu-Link">POP-UP</button>
       <ul class="CDB-NavSubmenu CDB-Size-small">
-        <li class="CDB-NavSubmenu-Item is-active">
-          <a href="#" class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status u-hintTextColor">NONE</span></a>
+        <li class="CDB-NavSubmenu-Item is-selected">
+          <button class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status u-hintTextColor">NONE</span></button>
         </li>
         <li class="CDB-NavSubmenu-Item">
-          <a href="#" class="CDB-NavSubmenu-Link">HOVER <span class="CDB-NavSubmenu-Status u-hintTextColor">NONE</span></a>
+          <button class="CDB-NavSubmenu-Link">HOVER <span class="CDB-NavSubmenu-Status u-hintTextColor">NONE</span></button>
         </li>
       </ul>
     </li>
     <li class="CDB-NavMenu-Item">
-      <a class="CDB-NavMenu-Link" href="#">LEGEND</a>
+      <button class="CDB-NavMenu-Link">LEGEND</button>
     </li>
   </ul>
   <div style="position: absolute; right: 0; top: 0; height: 24px; width: 46px; background: red;">
@@ -41,24 +41,24 @@
   <nav class="CDB-NavMenu is-dark">
     <ul class="CDB-NavMenu-Inner CDB-Text is-semibold CDB-Size-medium">
       <li class="CDB-NavMenu-Item CDB-Text">
-        <a class="CDB-NavMenu-Link" href="#">DATA</a>
+        <button class="CDB-NavMenu-Link">DATA</button>
       </li>
       <li class="CDB-NavMenu-Item">
-        <a class="CDB-NavMenu-Link" href="#">STYLE</a>
+        <button class="CDB-NavMenu-Link">STYLE</button>
       </li>
-      <li class="CDB-NavMenu-item is-active">
-        <a class="CDB-NavMenu-Link" href="#">POP-UP</a>
+      <li class="CDB-NavMenu-item is-selected">
+        <button class="CDB-NavMenu-Link">POP-UP</button>
         <ul class="CDB-NavSubmenu CDB-Size-small">
-          <li class="CDB-NavSubmenu-Item is-active">
-            <a href="#" class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status">NONE</span></a>
+          <li class="CDB-NavSubmenu-Item is-selected">
+            <button class="CDB-NavSubmenu-Link">CLICK <span class="CDB-NavSubmenu-Status">NONE</span></button>
           </li>
           <li class="CDB-NavSubmenu-Item">
-            <a href="#" class="CDB-NavSubmenu-Link">HOVER <span class="CDB-NavSubmenu-Status">NONE</span></a>
+            <button class="CDB-NavSubmenu-Link">HOVER <span class="CDB-NavSubmenu-Status">NONE</span></button>
           </li>
         </ul>
       </li>
       <li class="CDB-NavMenu-Item">
-        <a class="CDB-NavMenu-Link" href="#">LEGEND</a>
+        <button class="CDB-NavMenu-Link">LEGEND</button>
       </li>
     </ul>
   </nav>
@@ -96,7 +96,7 @@
   vertical-align: middle;
 }
 
-.CDB-NavMenu-Item.is-active .CDB-NavMenu-Link {
+.CDB-NavMenu-Item.is-selected .CDB-NavMenu-Link {
   border-bottom: 1px solid $cMainLine;
   color: $cMainText;
 }
@@ -116,11 +116,9 @@
   border-bottom: 1px solid transparent;
 }
 
-.CDB-NavSubmenu-item.is-active {
-  .CDB-NavSubmenu-Link {
-    border-bottom: 1px solid $cMainLine;
-    color: $cMainText;
-  }
+.CDB-NavSubmenu-item.is-selected .CDB-NavSubmenu-Link {
+  border-bottom: 1px solid $cMainLine;
+  color: $cMainText;
 }
 
 .CDB-NavSubmenu-Status {
@@ -139,18 +137,14 @@
     color: $cAltText;
   }
 
-  .CDB-NavMenu-Item.is-active {
-    .CDB-NavMenu-Link {
-      border-bottom: 1px solid $cMainLine;
-      color: $cWhite;
-    }
+  .CDB-NavMenu-Item.is-selected .CDB-NavMenu-Link {
+    border-bottom: 1px solid $cMainLine;
+    color: $cWhite;
   }
 
-  .CDB-NavSubmenu-item.is-active {
-    .CDB-NavSubmenu-Link {
-      border-bottom: 1px solid $cMainLine;
-      color: $cWhite;
-    }
+  .CDB-NavSubmenu-item.is-selected .CDB-NavSubmenu-Link {
+    border-bottom: 1px solid $cMainLine;
+    color: $cWhite;
   }
 
   .CDB-NavSubmenu-Status {

From 4248fa1738fdf743c8e1d13860362a75d5763ddd Mon Sep 17 00:00:00 2001
From: piensaenpixel <piensaenpixel@gmail.com>
Date: Wed, 17 Feb 2016 10:05:50 +0100
Subject: [PATCH 2/2] fix color menu

---
 src/fonts/cartoIcon.eot           | Bin 18856 -> 18856 bytes
 src/fonts/cartoIcon.ttf           | Bin 18684 -> 18684 bytes
 src/fonts/cartoIcon.woff          | Bin 11836 -> 11836 bytes
 src/scss/cdb-components/menu.scss |   6 ++++--
 4 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/fonts/cartoIcon.eot b/src/fonts/cartoIcon.eot
index c6e31dd7c27cde385c325c152927bbc244581469..be63c240fabcdbf6de5e39bc534d366a813ae9fb 100644
GIT binary patch
delta 55
zcmZ26nQ_Hr#tAme+LqE2?bk6M(wa2!!&GT$OYL}mo39MqjK3Iw;L^)4S77w!1&kaX
E04@3y#Q*>R

delta 55
zcmZ26nQ_Hr#tAme{2?k6?bk8yovSeM!&GUN5dL_6o39MqjK3Iw;L`JT(lC1S0!9uG
E02_xA&j0`b

diff --git a/src/fonts/cartoIcon.ttf b/src/fonts/cartoIcon.ttf
index 9fc0b651e3b3b40fe4063bd1a710a6193d513a0f..34daf1eb6573c6b698d42b257e53c3a848462290 100644
GIT binary patch
delta 47
wcmew}k@3$&#tDwhhqNY5beSqGZK)m4Z}XLboADO|5L|ls<qC}6_=Up*0Jk6$6951J

delta 47
wcmew}k@3$&#tDwhd*>=lbeSrx62c$PZ}XLboADO|5L|k`P8vpU{KDY@0HtUV6#xJL

diff --git a/src/fonts/cartoIcon.woff b/src/fonts/cartoIcon.woff
index 4c56c48323c8001da369f208ddfd00dfdbdd20db..571de25a2578a3619a9f4cec20f6b69ee99202c1 100644
GIT binary patch
delta 61
zcmV-D0K)&gT)bS6c>}^KlCgZYCMi-f?eY9JUm3U=e*r}pF1`G61xCLq|NosUg7FWK
T%fY||5(NOF`4AejTPNWLYepMW

delta 61
zcmV-D0K)&gT)bS6c>}$jAhCS5CMnA1+41}~Um3U=e*r}pE<Il-4Wr+b|NqVv!T1Nr
T<zQd}i2?w1ybd6<TPNWLjzk;f

diff --git a/src/scss/cdb-components/menu.scss b/src/scss/cdb-components/menu.scss
index 3a1d132..bd5df59 100644
--- a/src/scss/cdb-components/menu.scss
+++ b/src/scss/cdb-components/menu.scss
@@ -14,7 +14,7 @@
     <li class="CDB-NavMenu-Item">
       <button class="CDB-NavMenu-Link">STYLE</button>
     </li>
-    <li class="CDB-NavMenu-Item">
+    <li class="CDB-NavMenu-Item is-selected">
       <button class="CDB-NavMenu-Link">POP-UP</button>
       <ul class="CDB-NavSubmenu CDB-Size-small">
         <li class="CDB-NavSubmenu-Item is-selected">
@@ -87,6 +87,7 @@
   margin-bottom: -1px;
   padding: 4px 0 11px;
   border-bottom: 1px solid transparent;
+  color: $cBlue;
 }
 
 .CDB-NavMenu-Item,
@@ -97,7 +98,7 @@
 }
 
 .CDB-NavMenu-Item.is-selected .CDB-NavMenu-Link {
-  border-bottom: 1px solid $cMainLine;
+  border-bottom: 1px solid $cBlack;
   color: $cMainText;
 }
 
@@ -114,6 +115,7 @@
   margin-bottom: -1px;
   padding-bottom: 12px;
   border-bottom: 1px solid transparent;
+  color: $cBlue;
 }
 
 .CDB-NavSubmenu-item.is-selected .CDB-NavSubmenu-Link {