diff options
Diffstat (limited to 'stylesheets/base/variables.scss')
-rw-r--r-- | stylesheets/base/variables.scss | 24 |
1 files changed, 20 insertions, 4 deletions
diff --git a/stylesheets/base/variables.scss b/stylesheets/base/variables.scss index b2f3599..acb4692 100644 --- a/stylesheets/base/variables.scss +++ b/stylesheets/base/variables.scss @@ -14,10 +14,26 @@ $light-font-weight: 300 !default; $print-font-color: black !default; $display-font-color: rgb(17, 17, 17); -$secondary-font-color: rgb(154, 154, 154); +$secondary-font-color: rgb(106, 106, 106); +$background-color: rgb(229, 229, 227); -$secondary-color: lighten($secondary-font-color, 10) !default; +@function color-blend ($fg, $bg) { + $fo: opacity($fg); + $bo: opacity($bg); + + // calculate opacity + $r: red($fg) * $fo + red($bg) * $bo * (1 - $fo); + $g: green($fg) * $fo + green($bg) * $bo * (1 - $fo); + $b: blue($fg) * $fo + blue($bg) * $bo * (1 - $fo); + @return rgb($r, $g, $b); +} + +$secondary-color: $secondary-font-color; $link-highlight-color: rgb(255, 215, 0) !default; -$link-highlight-from: lighten($link-highlight-color, 35); -$link-highlight-to: $link-highlight-color; +$link-highlight-from: color-blend( + rgba($link-highlight-color, .35), + $background-color); +$link-highlight-to: color-blend( + rgba($link-highlight-color, .75), + $background-color); |