Permalink
Fetching contributors…
Cannot retrieve contributors at this time
59 lines (51 sloc) 1.56 KB
/** Color Scheme **/
$darkest: #0B213D;
$darker: #1F3044;
$dark: #1B3557;
$lighter: #4B71A1;
$lightest: #5E7CA1;
$comp_darkest: complement($darkest);
$comp_darker: complement($darker);
$comp_dark: complement($dark);
$comp_lighter: complement($lighter);
$comp_lightest: complement($lightest);
$body_gradient_base: lighten(desaturate($lightest, 30%), 25%);
$other_gradients_base: lighten(desaturate($lightest, 50%), 40%);
$link_color: $darkest;
$var: lightness($lighter);
$new: #FF9A01;
$author_highlight: adjust_hue(lighten($comp_lightest, 40%), 90deg);
$blank_slate: #C7F2C8;
$attention_color: #E69717;
$grey20: #333333;
$grey40: #666666;
$grey50: #808080;
$grey60: #999999;
$grey80: #CCCCCC;
$grey87: #DDDDDD;
$grey90: #E6E6E6;
$grey93: #eeeeee;
$grey95: #F2F2F2;
$grey98: #FAFAFA;
$grey99: #FCFCFC;
/* Mixins */
@mixin buttonize($base_color: $comp_lighter, $button_size: 2em) {
-webkit-box-sizing: border-box;
display: inline-block;
color: #fff;
text-decoration: none;
font-size: $button_size/1.75;
padding: 0 $button_size/2;
@include border-radius($button_size/3);
border: 1px solid darken($base_color, 20%);
@include linear-gradient(color-stops(lighten($base_color, 30%), lighten($base_color, 15%) 4%, $base_color));
text-shadow: darken($base_color, 10%) 0 -1px 0;
-webkit-box-shadow: inset lighten($base_color, 80%) 0 0 2px;
&:active {
@include linear-gradient(color-stops(darken($base_color, 30%), darken($base_color, 15%) 4%, darken($base_color, 7%)));
-webkit-box-shadow: inset darken($base_color, 30%) 0 0 .5em;
}
&:hover {
color: #fff;
}
}