From b0921c1e2707e561d71c4debd3b54466fa3f3b4a Mon Sep 17 00:00:00 2001 From: Brandon Mathis Date: Wed, 13 Jul 2011 11:58:34 -0400 Subject: [PATCH] Updated default link colors, hovers, sidebar link colors, etc --- .themes/classic/sass/base/_theme.scss | 10 ++++++---- .themes/classic/sass/partials/sidebar/_base.scss | 13 +++---------- .themes/classic/sass/partials/sidebar/_twitter.scss | 3 ++- 3 files changed, 11 insertions(+), 15 deletions(-) diff --git a/.themes/classic/sass/base/_theme.scss b/.themes/classic/sass/base/_theme.scss index 34474fa..27a6aab 100644 --- a/.themes/classic/sass/base/_theme.scss +++ b/.themes/classic/sass/base/_theme.scss @@ -3,9 +3,9 @@ $img-border: inline-image('dotted-border.png'); // Main Link Colors $link-color: lighten(#165b94, 3) !default; -$link-color-hover: adjust-hue($link-color, -200) !default; -$link-color-visited: darken(adjust_hue($link_color, 70), 10) !default; -$link-color-active: darken($link-color-hover, 15) !default; +$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default; +$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -2) !default; +$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default; // Main Section Colors $main-bg: #f8f8f8 !default; @@ -64,7 +64,9 @@ $page-border-bottom: darken($footer-bg, 5) !default; article a, #articles + aside a { @include link-colors($link-color, $hover: $link-color-hover, $focus: $link-color-hover, $visited: $link-color-visited, $active: $link-color-active); } -a { @include transition(color, .5s); } +a { + @include transition(color, .3s); +} html { background: $page-bg image-url('line-tile.png') top left; diff --git a/.themes/classic/sass/partials/sidebar/_base.scss b/.themes/classic/sass/partials/sidebar/_base.scss index 6499611..90ec7b6 100644 --- a/.themes/classic/sass/partials/sidebar/_base.scss +++ b/.themes/classic/sass/partials/sidebar/_base.scss @@ -1,9 +1,8 @@ .side-shadow-border { @include box-shadow(lighten($sidebar-bg, 5) 0 1px); } -#content > aside { +aside[role=sidebar] { color: $sidebar-color; - //padding-top: 1.2em; text-shadow: lighten($sidebar-bg, 8) 0 1px; section { @extend .sans; @@ -37,16 +36,10 @@ color: inherit; @include transition(color, .5s); } - &:hover a, &:hover #tweets a { color: $sidebar-link-color; + &:hover a { + color: $sidebar-link-color; &:hover { color: $sidebar-link-color-hover; } } - #recent_posts { - time { - text-transform: uppercase; - font-size: .9em; - color: #666; - } - } } .aside-alt-link { color: $sidebar-link-color-subdued; diff --git a/.themes/classic/sass/partials/sidebar/_twitter.scss b/.themes/classic/sass/partials/sidebar/_twitter.scss index 36c6f62..ccc9b53 100644 --- a/.themes/classic/sass/partials/sidebar/_twitter.scss +++ b/.themes/classic/sass/partials/sidebar/_twitter.scss @@ -9,7 +9,6 @@ background: inline-image('bird_32_gray_fail.png') no-repeat center .5em; } } - a { color: $sidebar-link-color-subdued; @include hover-link; } p { position: relative; padding-right: 1em; @@ -22,6 +21,7 @@ text-shadow: #fff 0 1px; font-size: .7em; span { font-size: 1.5em; } + text-decoration: none; &:hover { color: $sidebar-link-color-subdued-hover; text-decoration: none; @@ -29,5 +29,6 @@ } a[href*='twitter.com/search']{ @extend .aside-alt-link; + @include hover-link; } }