From 2d0a09a101a3a0e18df9a51d018f44f7627bc106 Mon Sep 17 00:00:00 2001 From: soyjavi Date: Fri, 14 Jun 2013 09:06:34 +0200 Subject: [PATCH] Changes in footer and nav --- src/stylesheets/theme/__init.styl | 2 +- src/stylesheets/theme/theme.layout.nav.styl | 6 ++++-- src/stylesheets/theme/theme.layout.styl | 4 ++-- 3 files changed, 7 insertions(+), 5 deletions(-) diff --git a/src/stylesheets/theme/__init.styl b/src/stylesheets/theme/__init.styl index 91a1d974..87aca57b 100644 --- a/src/stylesheets/theme/__init.styl +++ b/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 diff --git a/src/stylesheets/theme/theme.layout.nav.styl b/src/stylesheets/theme/theme.layout.nav.styl index 63c4be0a..137c9997 100644 --- a/src/stylesheets/theme/theme.layout.nav.styl +++ b/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 diff --git a/src/stylesheets/theme/theme.layout.styl b/src/stylesheets/theme/theme.layout.styl index a527d717..148846b4 100644 --- a/src/stylesheets/theme/theme.layout.styl +++ b/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