21813059f2
2. Added updated instructions to the README 3. Removed unused media css directories 4. Improved use of color variables for page theming. 5. Improved Typography and blog styling. 6. Added support for simple pre and code styles 7. Misc styling and markup improvements.
70 lines
2.2 KiB
SCSS
70 lines
2.2 KiB
SCSS
// Main Link Colors
|
|
$link-color: lighten(#165b94, 3);
|
|
$link-color-hover: adjust-hue($link-color, -200);
|
|
$link-color-visited: darken(adjust_hue($link_color, 70), 10);
|
|
$link-color-active: darken($link-color-hover, 15);
|
|
|
|
// Main Section Colors
|
|
$body-color: #333333;
|
|
$light-text: #999999;
|
|
$page-bg: #252525;
|
|
$article-border: #eeeeee;
|
|
$main-bg: #f5f5f5;
|
|
|
|
$header-bg: #333;
|
|
$header-border: lighten($header-bg, 15);
|
|
$title-color: #f2f2f2;
|
|
$subtitle-color: #aaa;
|
|
|
|
$type-border: #ddd;
|
|
$type-color-light: #555;
|
|
$type-color: #222;
|
|
|
|
$nav-bg: #ccc;
|
|
$nav-color: darken($nav-bg, 38);
|
|
$nav-color-hover: darken($nav-color, 25);
|
|
$nav-border: darken($nav-bg, 10);
|
|
$nav-border-top: lighten($nav-bg, 15);
|
|
$nav-border-bottom: darken($nav-bg, 25);
|
|
$nav-border-left: darken($nav-bg, 11);
|
|
$nav-border-right: lighten($nav-bg, 7);
|
|
|
|
$sidebar-bg: #eee;
|
|
$sidebar-color: change-color(mix($type-color, $sidebar-bg, 80), $hue: hue($sidebar-bg), $saturation: saturation($sidebar-bg)/2);
|
|
$sidebar-border: desaturate(darken($sidebar-bg, 7), 10);
|
|
$sidebar-border: darken($sidebar-bg, 7);
|
|
$sidebar-link-color: $link-color;
|
|
$sidebar-link-color-hover: $link-color-hover;
|
|
$sidebar-link-color-subdued: lighten($sidebar-color, 20);
|
|
$sidebar-link-color-subdued-hover: $link-color-hover;//darken($sidebar-link-color-subdued, 20);
|
|
$twitter-status-link: lighten($sidebar-link-color-subdued, 15);
|
|
|
|
$footer-color: #999999;
|
|
$footer-bg: #ccc;
|
|
$footer-color: darken($footer-bg, 38);
|
|
$footer-color-hover: darken($footer-color, 10);
|
|
$footer-placeholder: desaturate(darken($footer-bg, 10), 15);
|
|
$footer-border-top: lighten($footer-bg, 15);
|
|
$footer-link-color: darken($footer-bg, 38);
|
|
$footer-link-color-hover: darken($footer-color, 25);
|
|
$page-border-bottom: darken($footer-bg, 5);
|
|
|
|
// Form Colors
|
|
$fieldset-bg: #ececec;
|
|
$fieldset-border: #c3c3c3;
|
|
|
|
$textinput-color: #333333;
|
|
$textinput-bg: #f4f4f4;
|
|
$textinput-bg-focus: #fefeee;
|
|
|
|
$textinput-border-top: #aaaaaa;
|
|
$textinput-border-bottom: #c6c6c6;
|
|
$textinput-border-left: #c3c3c3;
|
|
$textinput-border-right: #c3c3c3;
|
|
$textinput-border-focus: #989898;
|
|
|
|
#articles 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); }
|