GitList
Browse code

Updated default link colors, hovers, sidebar link colors, etc

Brandon Mathis authored on 13/07/2011 at 15:58:34
Showing 3 changed files
.themes/classic/sass/base/_theme.scss
History View file @ b0921c1
... ... 
@@ -3,9 +3,9 @@ $img-border: inline-image('dotted-border.png');
3 3
4 4 
 // Main Link Colors
5 5 
 $link-color: lighten(#165b94, 3) !default;
6 
-$link-color-hover: adjust-hue($link-color, -200) !default;
7 
-$link-color-visited: darken(adjust_hue($link_color, 70), 10) !default;
8 
-$link-color-active: darken($link-color-hover, 15) !default;
6 
+$link-color-hover: adjust-color($link-color, $lightness: 10, $saturation: 25) !default;
7 
+$link-color-visited: adjust-color($link-color, $hue: 80, $lightness: -2) !default;
8 
+$link-color-active: adjust-color($link-color-hover, $lightness: -15) !default;
9 9
10 10 
 // Main Section Colors
11 11 
 $main-bg: #f8f8f8 !default;
... ... 
@@ -64,7 +64,9 @@ $page-border-bottom: darken($footer-bg, 5) !default;
64 64 
 article a, #articles + aside a {
65 65 
   @include link-colors($link-color, $hover: $link-color-hover, $focus: $link-color-hover, $visited: $link-color-visited, $active: $link-color-active);
66 66 
 }
67 
-a { @include transition(color, .5s); }
67 
+a {
68 
+  @include transition(color, .3s);
69 
+}
68 70
69 71 
 html {
70 72 
   background: $page-bg image-url('line-tile.png') top left;
.themes/classic/sass/partials/sidebar/_base.scss
History View file @ b0921c1
... ... 
@@ -1,9 +1,8 @@
1 1 
 .side-shadow-border {
2 2 
   @include box-shadow(lighten($sidebar-bg, 5) 0 1px);
3 3 
 }
4 
-#content > aside {
4 
+aside[role=sidebar] {
5 5 
   color: $sidebar-color;
6 
-  //padding-top: 1.2em;
7 6 
   text-shadow: lighten($sidebar-bg, 8) 0 1px;
8 7 
   section {
9 8 
     @extend .sans;
... ... 
@@ -37,16 +36,10 @@
37 37 
     color: inherit;
38 38 
     @include transition(color, .5s);
39 39 
   }
40 
-  &:hover a, &:hover #tweets a { color: $sidebar-link-color;
40 
+  &:hover a {
41 
+    color: $sidebar-link-color;
41 42 
     &:hover { color: $sidebar-link-color-hover; }
42 43 
   }
43 
-  #recent_posts {
44 
-    time {
45 
-      text-transform: uppercase;
46 
-      font-size: .9em;
47 
-      color: #666;
48 
-    }
49 
-  }
50 44 
 }
51 45 
 .aside-alt-link {
52 46 
   color: $sidebar-link-color-subdued;
.themes/classic/sass/partials/sidebar/_twitter.scss
History View file @ b0921c1
... ... 
@@ -9,7 +9,6 @@
9 9 
       background: inline-image('bird_32_gray_fail.png') no-repeat center .5em;
10 10 
     }
11 11 
   }
12 
-  a { color: $sidebar-link-color-subdued; @include hover-link; }
13 12 
   p {
14 13 
     position: relative;
15 14 
     padding-right: 1em;
... ... 
@@ -22,6 +21,7 @@
22 22 
     text-shadow: #fff 0 1px;
23 23 
     font-size: .7em;
24 24 
     span { font-size: 1.5em; }
25 
+    text-decoration: none;
25 26 
     &:hover {
26 27 
       color: $sidebar-link-color-subdued-hover;
27 28 
       text-decoration: none;
... ... 
@@ -29,5 +29,6 @@
29 29 
   }
30 30 
   a[href*='twitter.com/search']{
31 31 
     @extend .aside-alt-link;
32 
+    @include hover-link;
32 33 
   }
33 34 
 }