sass-site/source/assets/stylesheets/dependencies/_themes.scss
2012-11-28 04:09:45 -08:00

38 lines
1015 B
SCSS

// ===========================================================================
// THEMES
// ---------------------------------------------------------------------------
// EASY LINK COLORS
@mixin link($link-setting: $link-color, $hover-setting: $link-hover-color, $active-setting: $link-active-color) {
&,
&:visited { color: $link-setting; }
&:hover,
&:focus { color: $hover-setting; }
&:active { color: $active-setting; }
}
// ---------------------------------------------------------------------------
// REUSABLE THEMES
%navigation-theme {
background: $navigation-background-color;
text-shadow: 0 -1px 1px rgba($black, .5);
a { @include link(lighten($navigation-text-color, 5%), lighten($navigation-text-color, 15%), lighten($navigation-text-color, 25%)); }
}
%callout-theme {
background: $callout-background-color;
color: $callout-text-color;
a { @include link(darken($callout-text-color, 5%), darken($callout-text-color, 15%), darken($callout-text-color, 25%)); }
}