tw_bootstrap_variables.scss 3.54 KB
Newer Older
1
// Override Bootstrap variables here (defaults from bootstrap-sass v3.3.3):
2
// For all variables see https://github.com/twbs/bootstrap-sass/blob/master/templates/project/_bootstrap-variables.sass
3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
//
// 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

19 20 21 22 23
$brand-primary: $gl-primary;
$brand-success: $gl-success;
$brand-info: $gl-info;
$brand-warning: $gl-warning;
$brand-danger: $gl-danger;
24

25 26 27
$border-radius-base: 3px !default;
$border-radius-large: 3px !default;
$border-radius-small: 3px !default;
28

29 30 31

//== Scaffolding
//
32 33
$text-color: $gl-text-color;
$link-color: $gl-link-color;
34
$link-hover-color: $gl-link-hover-color;
35 36 37 38 39 40


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

41
$font-family-sans-serif: $regular_font;
42 43
$font-family-monospace: $monospace_font;
$font-size-base: $gl-font-size;
44 45 46 47 48 49


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

50 51
$padding-base-vertical: $gl-vert-padding;
$padding-base-horizontal: $gl-padding;
52
$component-active-color: $white-light;
53
$component-active-bg: $brand-info;
54 55 56 57 58

//== Forms
//
//##

59 60 61 62
$input-color: $text-color;
$input-border: $border-color;
$input-border-focus: $focus-border-color;
$legend-color: $text-color;
63 64 65 66 67 68


//== Pagination
//
//##

69
$pagination-color: $gl-text-color;
70
$pagination-bg: $white-light;
71
$pagination-border: $border-color;
72

73
$pagination-hover-color: $gl-text-color;
74 75
$pagination-hover-bg: $row-hover;
$pagination-hover-border: $border-color;
76

77 78 79
$pagination-active-color: $white-light;
$pagination-active-bg: $gl-link-color;
$pagination-active-border: $gl-link-color;
80

81
$pagination-disabled-color: #cdcdcd;
82
$pagination-disabled-bg: $gray-light;
83
$pagination-disabled-border: $border-color;
84 85 86 87 88 89


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

90
$state-success-text: $white-light;
91 92
$state-success-bg: $brand-success;
$state-success-border: $brand-success;
93

94
$state-info-text: $white-light;
95 96
$state-info-bg: $brand-info;
$state-info-border: $brand-info;
97

98
$state-warning-text: $white-light;
99 100
$state-warning-bg: $brand-warning;
$state-warning-border: $brand-warning;
101

102
$state-danger-text: $white-light;
103 104
$state-danger-bg: $brand-danger;
$state-danger-border: $brand-danger;
105 106 107 108 109 110


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

111
$alert-border-radius: 0;
112 113 114 115 116 117


//== Panels
//
//##

118 119 120
$panel-border-radius: 2px;
$panel-default-text: $text-color;
$panel-default-border: $border-color;
121 122
$panel-default-heading-bg: $gray-light;
$panel-footer-bg: $gray-light;
123
$panel-inner-border: $border-color;
124

125 126 127
$badge-bg: $badge-bg;
$badge-color: $badge-color;

Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
128 129 130 131
//== Wells
//
//##

132 133
$well-bg: $gray-light;
$well-border: #eee;
134 135 136 137 138

//== Code
//
//##

139
$code-color: $red-600;
140
$code-bg: lighten($red-100, 2%);
141

142
$kbd-color: $white-light;
143
$kbd-bg: #333;
144 145 146 147

//== Buttons
//
//##
148
$btn-default-color: $gl-text-color;
149
$btn-default-bg: $white-light;
150
$btn-default-border: #e7e9ed;
151 152 153 154

//== Nav
//
//##
155
$nav-link-padding: 13px $gl-padding;
Dmitriy Zaporozhets's avatar
Dmitriy Zaporozhets committed
156 157 158 159

//== Code
//
//##
160
$pre-bg: $gray-light !default;
161
$pre-color: $gl-text-color !default;
162
$pre-border-color: $border-color;
163

164
$table-bg-accent: $gray-light;
165 166

$zindex-popover: 900;