aboutsummaryrefslogtreecommitdiffstats
path: root/stylesheets/base/variables.scss
blob: acb469220f0ebccd7b28680809f84326af028d30 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
$max-page-width: 50em !default;
$default-spacing: 1.25em !default;

$display-font: serif !default;
$code-font: monospace !default;

$mobile-font-size: .75em !default;
$line-height: 1.75 !default;

$bold-font-weight: 700 !default;
$normal-font-weight: 500 !default;
$light-font-weight: 300 !default;

$print-font-color: black !default;
$display-font-color: rgb(17, 17, 17);
$secondary-font-color: rgb(106, 106, 106);
$background-color: rgb(229, 229, 227);

@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: color-blend(
    rgba($link-highlight-color, .35),
    $background-color);
$link-highlight-to: color-blend(
    rgba($link-highlight-color, .75),
    $background-color);