_sass/global.scss


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
40
41
42
43
44
45
46
47
48

$base03: #002b36;
$base02: #073642;
$base01: #586e75;
$base00: #657b83;
$base0: #839496;
$base1: #93a1a1;
$base2: #eee8d5;
$base3: #fdf6e3;
$yellow: #b58900;
$orange: #cb4b16;
$red: #dc322f;
$magenta: #d33682;
$violet: #6c71c4;
$blue: #268bd2;
$cyan: #2aa198;
$green: #859900;
$black: #000000;
$white: #ffffff;

$googleplus-color: #DD4B39;
$facebook-color: #3b5998;
$twitter-color: #55ACEE;
$tumblr-color: rgb(44, 71, 98);
$pinterest-color: #CB2027;

$sans: 'open_sans', sans-serif;
$serif: 'crimson_text', serif;
$monospace: 'source_code_pro', monospace;

$link-fade-time: 0.4s;
$link-darken-amount: 20%;

// Mixin to deal with cross-browser transitions
@mixin transition ($param, $time, $type) {
    -webkit-transition: $param $time $type;
    -moz-transition: $param $time $type;
    -o-transition: $param $time $type;
    -ms-transition: $param $time $type;
    transition: $param $time $type;
}

@mixin nav_button($c) {
    background-color: $c;

    &:hover {
        background-color: darken($c, 15%);
    }
}