images updates for website

This commit is contained in:
Ethan Schoonover 2011-03-22 23:52:57 -07:00
parent 7bcde7c1e6
commit 8f74ae309e

View file

@ -126,43 +126,41 @@ Features
(scss) snippet that inverts solarized based on the class of the html tag (scss) snippet that inverts solarized based on the class of the html tag
(e.g. `<html class="dark red">` to give a dark background with red accent): (e.g. `<html class="dark red">` to give a dark background with red accent):
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ {.scss .numberLines} $base03: #002b36;
$base03: #002b36; $base02: #073642;
$base02: #073642; $base01: #586e75;
$base01: #586e75; $base00: #657b83;
$base00: #657b83; $base0: #839496;
$base0: #839496; $base1: #93a1a1;
$base1: #93a1a1; $base2: #eee8d5;
$base2: #eee8d5; $base3: #fdf6e3;
$base3: #fdf6e3; $yellow: #b58900;
$yellow: #b58900; $orange: #cb4b16;
$orange: #cb4b16; $red: #d30102;
$red: #d30102; $magenta: #d33682;
$magenta: #d33682; $violet: #6c71c4;
$violet: #6c71c4; $blue: #268bd2;
$blue: #268bd2; $cyan: #2aa198;
$cyan: #2aa198; $green: #859900;
$green: #859900; @mixin rebase($rebase03,$rebase02,$rebase01,$rebase00,$rebase0,$rebase1,$rebase2,$rebase3)
@mixin rebase($rebase03,$rebase02,$rebase01,$rebase00,$rebase0,$rebase1,$rebase2,$rebase3) {
{ background-color:$rebase03;
background-color:$rebase03; color:$rebase0;
color:$rebase0; * { color:$rebase0; }
* { color:$rebase0; } h1,h2,h3,h4,h5,h6 { color:$rebase1; border-color: $rebase0; }
h1,h2,h3,h4,h5,h6 { color:$rebase1; border-color: $rebase0; } a, a:active, a:visited { color: $rebase1; }
a, a:active, a:visited { color: $rebase1; } }
} @mixin accentize($accent) {
@mixin accentize($accent) { a, a:active, a:visited, code.url { color: $accent; }
a, a:active, a:visited, code.url { color: $accent; } h1,h2,h3,h4,h5,h6 {color:$accent}
h1,h2,h3,h4,h5,h6 {color:$accent} }
} /* light is default mode, so pair with general html definition */
/* light is default mode, so pair with general html definition */ html, .light { @include rebase($base3,$base2,$base1,$base0,$base00,$base01,$base02,$base03)}
html, .light { @include rebase($base3,$base2,$base1,$base0,$base00,$base01,$base02,$base03)} .dark { @include rebase($base03,$base02,$base01,$base00,$base0,$base1,$base2,$base3)}
.dark { @include rebase($base03,$base02,$base01,$base00,$base0,$base1,$base2,$base3)} html * {
html * { color-profile: sRGB;
color-profile: sRGB; rendering-intent: auto;
rendering-intent: auto; }
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Installation Installation
------------ ------------