mirror of
https://github.com/danog/sass-site.git
synced 2024-12-12 09:29:58 +01:00
37 lines
971 B
SCSS
37 lines
971 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;
|
|
|
|
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%)); }
|
|
} |