Changes in footer and nav

src/stylesheets/theme/__init.styl

@@ -13,7 +13,7 @@ BACKGROUND          = #DFDFDF
 /* -------------------------- VARIATIONS -------------------------- */
 LIST_border         = darken(COLOR, 15%)
 NAV_LINK            = lighten(ASIDE, 25%)
-NAV_LINK_ACTIVE     = THEME
+NAV_LINK_ACTIVE     = #fff
 /* ------------------------- TRANSITION ------------------------- */
 TRANSITION_time     = 400ms
 TRANSITION_easing   = ease

src/stylesheets/theme/theme.layout.nav.styl

@@ -34,10 +34,12 @@ nav
   section > footer > & > a, &[data-control=groupbar] > a
     color: NAV_LINK
     transition box-shadow TRANSITION_time TRANSITION_easing
-    & .icon
-      transition color TRANSITION_time TRANSITION_easing
+    & > .icon
+      transition text-shadow TRANSITION_time TRANSITION_easing
     &.active
       color: NAV_LINK_ACTIVE
+      & > .icon
+        text-shadow: 0 0 2em NAV_LINK_ACTIVE
 
   section > &[data-control=groupbar] > a.active
       box-shadow inset 0 -3px 0 THEME

src/stylesheets/theme/theme.layout.styl

@@ -11,10 +11,10 @@ body > section
   & > header
     background-color: THEME
 
-  & nav[data-control=groupbar], & > header
+  & > nav[data-control=groupbar], & > header
     box-shadow inset 0 -1px SHADOW, 0 1px SHADOW
 
-  & nav[data-control=groupbar], & > footer
+  & > nav[data-control=groupbar], & > footer
     background-color: ASIDE
 
   & > footer