aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorBrandon Mathis <brandon@imathis.com>2011-07-13 11:58:34 -0400
committerBrandon Mathis <brandon@imathis.com>2011-07-13 11:58:34 -0400
commitb0921c1e2707e561d71c4debd3b54466fa3f3b4a (patch)
treea4e6b35a224a408702d0166997efc138bd70c333
parentb0a610095fd80f51c21ff49ddbe7aa98ea434ebc (diff)
downloadmy_new_personal_website-b0921c1e2707e561d71c4debd3b54466fa3f3b4a.tar.xz
my_new_personal_website-b0921c1e2707e561d71c4debd3b54466fa3f3b4a.zip
Updated default link colors, hovers, sidebar link colors, etc
-rw-r--r--.themes/classic/sass/base/_theme.scss10
-rw-r--r--.themes/classic/sass/partials/sidebar/_base.scss13
-rw-r--r--.themes/classic/sass/partials/sidebar/_twitter.scss3
3 files changed, 11 insertions, 15 deletions
diff --git a/.themes/classic/sass/base/_theme.scss b/.themes/classic/sass/base/_theme.scss
index 34474fa1..27a6aabf 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 6499611f..90ec7b69 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 36c6f62b..ccc9b53d 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;
}
}