Limiting dropdown nav to 2, fixing active link on dropdowns. Closes #25

config.yml

@@ -46,7 +46,7 @@ custom_site_attributes:
   - masthead_link_2_title
   - masthead_logo_url
   - masthead_title
-  - nav_depth
+  - nav_dropdowns
   - syndication_url
   - show_apply_links
   - show_instructions

package.json

@@ -1,6 +1,6 @@
 {
   "name": "wvu-design-system",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "WVU Design System",
   "main": "gulpfile.js",
   "scripts": {

scss/custom/_wvu-nav-dropdowns.scss

@@ -3,9 +3,11 @@
 .nav-collapse ul {
   margin: 0;
   padding: 0;
-  width: 100%;
   display: block;
   list-style: none;
+  @media (max-width: $wvu-bp-lg) {
+    width: 100%;
+  }
 }
 
 .nav-collapse li {
@@ -113,7 +115,7 @@
   float: left;
   ul {
     list-style: none;
-    width: 100%;
+    // width: 100%;
     float: left;
   }
   li {
@@ -263,12 +265,10 @@
 .dropdown {
   ul {
     a {
-      background: #282e34;
       padding-left: 1.5em;
     }
     ul {
       a {
-        background: #2d353e;
         padding-left: 2.5em;
       }
       border: 0;

scss/utilities/_wvu-active-nav-link.scss

@@ -2,17 +2,18 @@
   position: relative;
   .active {
     background-color: transparent !important;
-    &:before {
-      border-top: 3px solid $wvu-gold;
-      content: '';
-      left: 0;
-      position: absolute;
-      width: 100%;
-    }
   }
-  > li {
-    .active {
-      background-color: transparent !important;
+  > ul {
+    > li {
+      > .active {
+        &:before {
+          border-top: 3px solid $wvu-gold;
+          content: '';
+          left: 0;
+          position: absolute;
+          width: 100%;
+        }
+      }
     }
   }
 }