[FEATURE] sub-navigation updated with suggested changes from designer…

…. Active state re-implemented, height of each menu-item is decreased. (#2)
t3kit · Jun 13, 2016 · 439f5d9 · 439f5d9
1 parent 714a662
commit 439f5d9
Showing 1 changed file with 22 additions and 1 deletion.
diff --git a/dev/styles/main/nav/subNavigation.less b/dev/styles/main/nav/subNavigation.less
@@ -19,7 +19,7 @@
 }
 .sub-navigation__link {
     display: block;
-    padding: 19px 15px 19px 20px;
+    padding: 15px 15px 15px 20px;
     color: @sub-navigation-link-color;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -75,6 +75,27 @@
     background-color: shade(@sub-navigation-link-hover-bg, 12%);
 }
 
+.sub-navigation__link._active {
+    border-left: 3px solid @sub-navigation-active-border;
+    padding-left: 17px;
+}
+
+.no-touch .sub-navigation__link._active:hover {
+    border-left-color: shade(@sub-navigation-active-border, 12%);
+}
+
+.sub-navigation__link._sub-level-3._active {
+    padding-left: 24px;
+}
+
+.sub-navigation__link._sub-level-4._active {
+    padding-left: 31px;
+}
+
+.sub-navigation__link._sub-level-5._active {
+    padding-left: 38px;
+}
+
 .sub-navigation__link._curent {
     border-left: 3px solid @sub-navigation-active-border;
     color: @sub-navigation-link-active-color;