summaryrefslogtreecommitdiff
path: root/app/assets/stylesheets/base/gl_variables.scss
blob: 17b5622d74a3dc885488eaa31e266124915ea505 (plain)
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
// Override Bootstrap variables here (defaults from bootstrap-sass v3.3.3):
// For all variables see https://github.com/twbs/bootstrap-sass/blob/master/templates/project/_bootstrap-variables.sass
//
// Variables
// --------------------------------------------------


//== Colors
//
//## Gray and brand colors for use across Bootstrap.

// $gray-base:              #000
// $gray-darker:            lighten($gray-base, 13.5%) // #222
// $gray-dark:              lighten($gray-base, 20%)   // #333
// $gray:                   lighten($gray-base, 33.5%) // #555
// $gray-light:             lighten($gray-base, 46.7%) // #777
// $gray-lighter:           lighten($gray-base, 93.5%) // #eee

$brand-primary:  $gl-primary;
$brand-success:  $gl-success;
$brand-info:     $gl-info;
$brand-warning:  $gl-warning;
$brand-danger:   $gl-danger;


//== Scaffolding
//
$text-color:            $gl-text-color;
$link-color:            $gl-link-color;


//== Typography
//
//## Font, line-height, and color for body text, headings, and more.

$font-family-sans-serif: $regular_font;
$font-family-monospace:  $monospace_font;
$font-size-base:         $gl-font-size;


//== Components
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).

$padding-base-vertical:     6px;
$padding-base-horizontal:   14px;


//== Forms
//
//##

$input-color:                    $text-color;
$input-border:                   #DDD;
$input-border-focus:             $brand-info;
$legend-color:                   $text-color;


//== Pagination
//
//##

$pagination-color:                     #fff;
$pagination-bg:                        $brand-success;
$pagination-border:                    transparent;

$pagination-hover-color:               #fff;
$pagination-hover-bg:                  darken($brand-success, 15%);
$pagination-hover-border:              transparent;

$pagination-active-color:              #fff;
$pagination-active-bg:                 darken($brand-success, 15%);
$pagination-active-border:             transparent;

$pagination-disabled-color:            #b4bcc2;
$pagination-disabled-bg:               lighten($brand-success, 15%);
$pagination-disabled-border:           transparent;


//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.

$state-success-text:             #fff;
$state-success-bg:               $brand-success;
$state-success-border:           $brand-success;

$state-info-text:                #fff;
$state-info-bg:                  $brand-info;
$state-info-border:              $brand-info;

$state-warning-text:             #fff;
$state-warning-bg:               $brand-warning;
$state-warning-border:           $brand-warning;

$state-danger-text:              #fff;
$state-danger-bg:                $brand-danger;
$state-danger-border:            $brand-danger;


//== Alerts
//
//## Define alert colors, border radius, and padding.

$alert-border-radius:            0;


//== Panels
//
//##

$panel-border-radius:            0;
$panel-default-text:          $text-color;
$panel-default-border:        $border-color;
$panel-default-heading-bg:    $background-color;



//== Code
//
//##

$code-color:                  #c7254e;
$code-bg:                     #f9f2f4;

$kbd-color:                   #fff;
$kbd-bg:                      #333;