Remove text-shadow in header

example/components.html

@@ -59,7 +59,7 @@
     <section id="layout" data-transition="" data-aside="features">
         <header data-tistle="Layout">
             <nav class="on-left">
-                <a href="#" data-view-aside="features" data-icon="home"></a>
+                <a href="#" data-view-aside="features" data-icon="menu"></a>
             </nav>
             <h1 class="title centered">
                 <!-- Brownie -->

src/stylesheets/lungo.widget.notification.styl

@@ -11,7 +11,7 @@ LOADING = 104px
 WINDOW_WIDTH = 280px
 
 .notification
-  position: relative
+  position: absolute
   top: 0
   left: 0
   width: 100%

src/stylesheets/theme/__init.styl

@@ -9,10 +9,10 @@ DANGER              = #e74c3c
 SUCCESS             = #2ecc71
 WARNING             = #edba22
 DISABLED            = #acb8b9
-BACKGROUND          = #DFDFDF
+BACKGROUND          = lighten(#DFDFDF, 25%)
 /* -------------------------- VARIATIONS -------------------------- */
 LIST_border         = darken(COLOR, 15%)
-NAV_LINK            = lighten(ASIDE, 25%)
+NAV_LINK            = lighten(ASIDE, 20%)
 NAV_LINK_ACTIVE     = #fff
 /* ------------------------- TRANSITION ------------------------- */
 TRANSITION_time     = 400ms

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

@@ -11,12 +11,12 @@ nav
   section header > &
     &:not(.on-right)
       & a, button
-        color: lighten(THEME, 90%)
+        color: darken(THEME, 55%)
     &.on-right
       & a, button
-        color: lighten(THEME, 50%)
-    & a, button
-      text-shadow: 0 1px darken(THEME, 10%)
+        color: lighten(THEME, 95%)
+    // & a, button
+    //   text-shadow: 0 1px darken(THEME, 10%)
 
   aside header > &
     & a, button
@@ -31,30 +31,32 @@ nav
 
   section > footer > & > a, &[data-control=groupbar] > a
     color: NAV_LINK
-    transition box-shadow TRANSITION_time TRANSITION_easing
+    transition text-shadow TRANSITION_time TRANSITION_easing
     &.active
       color: NAV_LINK_ACTIVE
-
-  section > &[data-control=groupbar] > a.active
-      box-shadow inset 0 -3px 0 THEME
-
-  section > footer > & > a.active
-      box-shadow inset 0 3px THEME
+      text-shadow: 0 0 1em NAV_LINK
 
   &[data-control=menu]
     background-color: rgba(0,0,0,0.9)
     box-shadow 0 2px 0 SHADOW
     &.icons
       & > a
-        color: lighten(COLOR, 40%)
-        &:active > .icon
-          text-shadow: 0 0 2em #fff
         & > .icon
-          color: #fff
+          color: NAV_LINK_ACTIVE
+        & > abbr
+          color: NAV_LINK
+        &:active, &:hover
+          & > .icon
+            text-shadow: 0 0 2em NAV_LINK_ACTIVE
+
     &:not(.icons)
       & > a
-        color: #fff
         & > .icon
-          color: lighten(COLOR, 40%)
+          color: NAV_LINK
+        & > abbr
+          color: NAV_LINK_ACTIVE
         &:active, &:hover
           background-color: rgba(255,255,255,0.2)
+          & > .icon
+            color: THEME
+

src/stylesheets/theme/theme.layout.styl

@@ -21,11 +21,11 @@ body > section
     box-shadow inset 0 1px SHADOW, 0 -1px SHADOW
 
   & > article, & > [data-control="pull"]
+    background-color: BACKGROUND
     &, a
       color: TEXT
-    background-color: BACKGROUND
     &.splash
-      background: THEME
+      background-color: THEME
       color: #fff
 
   &.aside