bootswatch-rails 0.5.0 → 3.1.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (43) hide show
  1. checksums.yaml +6 -14
  2. data/CONTRIBUTING.md +52 -0
  3. data/CONVERSION.md +6 -8
  4. data/HISTORY.md +9 -1
  5. data/README.md +6 -1
  6. data/Rakefile +3 -0
  7. data/lib/bootswatch-rails/version.rb +1 -1
  8. data/rearranges +12 -10
  9. data/vendor/assets/stylesheets/bootswatch/amelia/_bootswatch.scss +109 -718
  10. data/vendor/assets/stylesheets/bootswatch/amelia/_variables.scss +743 -217
  11. data/vendor/assets/stylesheets/bootswatch/cerulean/_bootswatch.scss +78 -133
  12. data/vendor/assets/stylesheets/bootswatch/cerulean/_variables.scss +745 -217
  13. data/vendor/assets/stylesheets/bootswatch/cosmo/_bootswatch.scss +113 -552
  14. data/vendor/assets/stylesheets/bootswatch/cosmo/_variables.scss +745 -217
  15. data/vendor/assets/stylesheets/bootswatch/custom/_bootswatch.scss +22 -0
  16. data/vendor/assets/stylesheets/bootswatch/custom/_variables.scss +620 -0
  17. data/vendor/assets/stylesheets/bootswatch/cyborg/_bootswatch.scss +105 -525
  18. data/vendor/assets/stylesheets/bootswatch/cyborg/_variables.scss +745 -217
  19. data/vendor/assets/stylesheets/bootswatch/darkly/_bootswatch.scss +273 -0
  20. data/vendor/assets/stylesheets/bootswatch/darkly/_variables.scss +829 -0
  21. data/vendor/assets/stylesheets/bootswatch/flatly/_bootswatch.scss +183 -452
  22. data/vendor/assets/stylesheets/bootswatch/flatly/_variables.scss +747 -218
  23. data/vendor/assets/stylesheets/bootswatch/journal/_bootswatch.scss +77 -295
  24. data/vendor/assets/stylesheets/bootswatch/journal/_variables.scss +745 -217
  25. data/vendor/assets/stylesheets/bootswatch/lumen/_bootswatch.scss +408 -0
  26. data/vendor/assets/stylesheets/bootswatch/lumen/_variables.scss +827 -0
  27. data/vendor/assets/stylesheets/bootswatch/readable/_bootswatch.scss +149 -37
  28. data/vendor/assets/stylesheets/bootswatch/readable/_variables.scss +745 -217
  29. data/vendor/assets/stylesheets/bootswatch/simplex/_bootswatch.scss +84 -413
  30. data/vendor/assets/stylesheets/bootswatch/simplex/_variables.scss +745 -217
  31. data/vendor/assets/stylesheets/bootswatch/slate/_bootswatch.scss +251 -481
  32. data/vendor/assets/stylesheets/bootswatch/slate/_variables.scss +749 -217
  33. data/vendor/assets/stylesheets/bootswatch/spacelab/_bootswatch.scss +87 -231
  34. data/vendor/assets/stylesheets/bootswatch/spacelab/_variables.scss +745 -216
  35. data/vendor/assets/stylesheets/bootswatch/superhero/_bootswatch.scss +168 -569
  36. data/vendor/assets/stylesheets/bootswatch/superhero/_variables.scss +746 -217
  37. data/vendor/assets/stylesheets/bootswatch/united/_bootswatch.scss +21 -110
  38. data/vendor/assets/stylesheets/bootswatch/united/_variables.scss +745 -217
  39. data/vendor/assets/stylesheets/bootswatch/yeti/_bootswatch.scss +418 -0
  40. data/vendor/assets/stylesheets/bootswatch/yeti/_variables.scss +827 -0
  41. metadata +17 -9
  42. data/vendor/assets/stylesheets/bootswatch/spruce/_bootswatch.scss +0 -650
  43. data/vendor/assets/stylesheets/bootswatch/spruce/_variables.scss +0 -301
@@ -1,59 +1,171 @@
1
- // Readable 2.3.2
1
+ // Readable 3.1.1
2
2
  // Bootswatch
3
3
  // -----------------------------------------------------
4
4
 
5
+ @import url("//fonts.googleapis.com/css?family=Raleway:400,700");
5
6
 
6
- // TYPOGRAPHY
7
- // -----------------------------------------------------
7
+ // Navbar =====================================================================
8
8
 
9
- @import url('//fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic');
9
+ .navbar {
10
+ font-family: $headings-font-family;
11
+ }
10
12
 
11
- // SCAFFOLDING
12
- // -----------------------------------------------------
13
+ .navbar-nav > li > a {
14
+ padding: $padding-base-vertical $padding-base-horizontal;
15
+ margin: 12px 6px;
16
+ border: 1px solid transparent;
17
+ border-radius: $border-radius-base;
13
18
 
14
- // NAVBAR
15
- // -----------------------------------------------------
19
+ &:hover {
20
+ border: 1px solid #ddd;
21
+ }
22
+ }
16
23
 
17
- div.subnav {
24
+ .navbar-nav > .active > a,
25
+ .navbar-nav > .active > a:hover {
26
+ border: 1px solid #ddd;
27
+ }
18
28
 
19
- .nav > li > a,
20
- .nav > .active > a,
21
- .nav > .active > a:hover {
22
- color: $textColor;
23
- }
29
+ .navbar-default .navbar-nav > .active > a:hover {
30
+ color: $navbar-default-link-hover-color;
31
+ }
24
32
 
25
- div.subnav-fixed {
26
- top: $navbarHeight + 1;
27
- }
33
+ .navbar-inverse .navbar-nav > .active > a:hover {
34
+ color: $navbar-inverse-link-hover-color;
28
35
  }
29
36
 
30
- // NAV
31
- // -----------------------------------------------------
37
+ .navbar-brand {
38
+ margin-top: 6px;
39
+ }
32
40
 
33
- // BUTTONS
34
- // -----------------------------------------------------
41
+ .navbar-form {
42
+ margin-top: 12px;
43
+ }
35
44
 
36
- // TABLES
37
- // -----------------------------------------------------
45
+ // Buttons ====================================================================
38
46
 
39
- // FORMS
40
- // -----------------------------------------------------
47
+ .btn {
48
+ font-family: $headings-font-family;
49
+ }
41
50
 
42
- // DROPDOWNS
43
- // -----------------------------------------------------
51
+ // Typography =================================================================
44
52
 
45
- // ALERTS, LABELS, BADGES
46
- // -----------------------------------------------------
53
+ // Tables =====================================================================
47
54
 
48
- // MISC
49
- // -----------------------------------------------------
55
+ // Forms ======================================================================
56
+
57
+ legend {
58
+ font-family: $headings-font-family;
59
+ }
60
+
61
+ .input-group-addon {
62
+ font-family: $font-family-sans-serif;
63
+ }
50
64
 
51
- .hero-unit {
65
+ // Navs =======================================================================
52
66
 
53
- h1, h2, h3, h4, h5, h6 {
54
- margin: 13px 0;
55
- }
67
+ .nav {
68
+ .open > a,
69
+ .open > a:hover,
70
+ .open > a:focus {
71
+ border: 1px solid #ddd;
72
+ }
56
73
  }
57
74
 
58
- // MEDIA QUERIES
59
- // -----------------------------------------------------
75
+ .pagination {
76
+
77
+ font-family: $headings-font-family;
78
+ }
79
+
80
+ .pagination-lg > li > a,
81
+ .pagination-lg > li > span {
82
+ padding: 14px 24px;
83
+ }
84
+
85
+ .pager {
86
+
87
+ font-family: $headings-font-family;
88
+
89
+ a {
90
+ color: $text-color;
91
+ }
92
+
93
+ a:hover {
94
+ border-color: transparent;
95
+ color: #fff;
96
+ }
97
+
98
+ .disabled a {
99
+ border-color: $pager-border;
100
+ }
101
+ }
102
+
103
+ // Indicators =================================================================
104
+
105
+ .alert {
106
+ a,
107
+ .alert-link {
108
+ color: $alert-success-text;
109
+ text-decoration: underline;
110
+ }
111
+
112
+ .close {
113
+ color: #fff;
114
+ text-decoration: none;
115
+ opacity: 0.4;
116
+
117
+ &:hover,
118
+ &:focus {
119
+ color: #fff;
120
+ opacity: 1;
121
+ }
122
+ }
123
+ }
124
+
125
+ .label {
126
+ font-family: $headings-font-family;
127
+ font-weight: normal;
128
+ }
129
+
130
+ .label-default {
131
+ border: 1px solid #ddd;
132
+ color: $text-color;
133
+ }
134
+
135
+ .badge {
136
+ padding: 1px 7px 5px;
137
+ vertical-align: 2px;
138
+ font-family: $headings-font-family;
139
+ font-weight: normal;
140
+ }
141
+
142
+ // Progress bars ==============================================================
143
+
144
+ // Containers =================================================================
145
+
146
+ .panel {
147
+ @include box-shadow(none);
148
+ }
149
+
150
+ .panel-default .panel-heading,
151
+ .panel-default .panel-footer {
152
+ background-color: #fff;
153
+ font-family: $headings-font-family;
154
+ font-weight: bold;
155
+ }
156
+
157
+ .panel-primary,
158
+ .panel-success,
159
+ .panel-warning,
160
+ .panel-danger,
161
+ .panel-info {
162
+ .panel-heading {
163
+ color: #fff;
164
+ }
165
+
166
+ .panel-body {
167
+ border: 1px solid #ddd;
168
+ border-top-width: 0;
169
+ border-radius: 0 0 $border-radius-base $border-radius-base;
170
+ }
171
+ }
@@ -1,301 +1,829 @@
1
- // Readable 2.3.2
1
+ // Readable 3.1.1
2
2
  // Variables
3
3
  // --------------------------------------------------
4
4
 
5
5
 
6
- // Global values
7
- // --------------------------------------------------
6
+ //== Colors
7
+ //
8
+ //## Gray and brand colors for use across Bootstrap.
8
9
 
10
+ $gray-darker: lighten(#000, 13.5%) !default; // #222
11
+ $gray-dark: lighten(#000, 20%) !default; // #333
12
+ $gray: lighten(#000, 33.5%) !default; // #555
13
+ $gray-light: lighten(#000, 70%) !default; // #999
14
+ $gray-lighter: lighten(#000, 93.5%) !default; // #eee
15
+
16
+ $brand-primary: #4582EC !default;
17
+ $brand-success: #3FAD46 !default;
18
+ $brand-info: #5bc0de !default;
19
+ $brand-warning: #f0ad4e !default;
20
+ $brand-danger: #d9534f !default;
9
21
 
10
- // Grays
11
- // -------------------------
12
- $black: #000 !default;
13
- $grayDarker: #222 !default;
14
- $grayDark: #333 !default;
15
- $gray: #555 !default;
16
- $grayLight: #999 !default;
17
- $grayLighter: #eee !default;
18
- $white: #fff !default;
19
22
 
23
+ //== Scaffolding
24
+ //
25
+ // ## Settings for some of the most global styles.
20
26
 
21
- // Accent colors
22
- // -------------------------
23
- $blue: #0063AC !default;
24
- $blueDark: #0064cd !default;
25
- $green: #1C9B47 !default;
26
- $red: #9c0001 !default;
27
- $yellow: #F8D60D !default;
28
- $orange: #E78B24 !default;
29
- $pink: #c3325f !default;
30
- $purple: #7a43b6 !default;
27
+ //** Background color for `<body>`.
28
+ $body-bg: #fff !default;
29
+ //** Global text color on `<body>`.
30
+ $text-color: $gray-dark !default;
31
31
 
32
+ //** Global textual link color.
33
+ $link-color: $brand-primary !default;
34
+ //** Link hover color set via `darken()` function.
35
+ $link-hover-color: darken($link-color, 20%) !default;
32
36
 
33
- // Scaffolding
34
- // -------------------------
35
- $bodyBackground: #F6F6F6 !default;
36
- $textColor: $grayDark !default;
37
37
 
38
+ //== Typography
39
+ //
40
+ //## Font, line-height, and color for body text, headings, and more.
38
41
 
39
- // Links
40
- // -------------------------
41
- $linkColor: $orange !default;
42
- $linkColorHover: darken($linkColor, 5%) !default;
42
+ $font-family-sans-serif: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif !default;
43
+ $font-family-serif: Georgia, "Times New Roman", Times, serif !default;
44
+ //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
45
+ $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
46
+ $font-family-base: $font-family-serif !default;
43
47
 
48
+ $font-size-base: 16px !default;
49
+ $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
50
+ $font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
44
51
 
45
- // Typography
46
- // -------------------------
47
- $sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
48
- $serifFontFamily: "Lora", Georgia, "Times New Roman", Times, serif !default;
49
- $monoFontFamily: Monaco, Menlo, Consolas, "Courier New", monospace !default;
52
+ $font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px
53
+ $font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px
54
+ $font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px
55
+ $font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px
56
+ $font-size-h5: $font-size-base !default;
57
+ $font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px
50
58
 
51
- $baseFontSize: 17px !default;
52
- $baseFontFamily: $serifFontFamily !default;
53
- $baseLineHeight: 26px !default;
54
- $altFontFamily: $sansFontFamily !default;
59
+ //** Unit-less `line-height` for use in components like buttons.
60
+ $line-height-base: 1.428571429 !default; // 20/14
61
+ //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
62
+ $line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
55
63
 
56
- $headingsFontFamily: inherit !default; // empty to use BS default, $baseFontFamily
57
- $headingsFontWeight: bold !default; // instead of browser default, bold
58
- $headingsColor: inherit !default; // empty to use BS default, $textColor
64
+ //** By default, this inherits from the `<body>`.
65
+ $headings-font-family: $font-family-sans-serif !default;
66
+ $headings-font-weight: bold !default;
67
+ $headings-line-height: 1.1 !default;
68
+ $headings-color: inherit !default;
59
69
 
60
70
 
61
- // Component sizing
62
- // -------------------------
63
- // Based on 14px font-size and 20px line-height
71
+ //== Type
72
+ //
73
+ //##
64
74
 
65
- $fontSizeLarge: $baseFontSize * 1.25 !default; // ~18px
66
- $fontSizeSmall: $baseFontSize * 0.85 !default; // ~12px
67
- $fontSizeMini: $baseFontSize * 0.75 !default; // ~11px
75
+ //** Text muted color
76
+ $text-muted: $gray-light !default;
77
+ //** Abbreviations and acronyms border color
78
+ $abbr-border-color: $gray-light !default;
79
+ //** Headings small color
80
+ $headings-small-color: $gray-light !default;
81
+ //** Blockquote small color
82
+ $blockquote-small-color: $text-color !default;
83
+ //** Blockquote font size
84
+ $blockquote-font-size: ($font-size-base * 1.25) !default;
85
+ //** Blockquote border color
86
+ $blockquote-border-color: $brand-primary !default;
87
+ //** Page header border color
88
+ $page-header-border-color: $gray-lighter !default;
68
89
 
69
- $paddingLarge: 11px 19px !default; // 44px
70
- $paddingSmall: 2px 10px !default; // 26px
71
- $paddingMini: 0px 6px !default; // 22px
72
90
 
73
- $baseBorderRadius: 4px !default;
74
- $borderRadiusLarge: 6px !default;
75
- $borderRadiusSmall: 3px !default;
91
+ //== Miscellaneous
92
+ //
93
+ //##
76
94
 
95
+ //** Horizontal line color.
96
+ $hr-border: $gray-lighter !default;
77
97
 
78
- // Tables
79
- // -------------------------
80
- $tableBackground: transparent !default; // overall background-color
81
- $tableBackgroundAccent: #f9f9f9 !default; // for striping
82
- $tableBackgroundHover: #f5f5f5 !default; // for hover
83
- $tableBorder: #ddd !default; // table and cell border
98
+ //** Horizontal offset for forms and lists.
99
+ $component-offset-horizontal: 180px !default;
84
100
 
85
- // Buttons
86
- // -------------------------
87
- $btnBackground: $grayLighter !default;
88
- $btnBackgroundHighlight: darken($grayLighter, 5%) !default;
89
- $btnBorder: #ccc !default;
90
101
 
91
- $btnPrimaryBackground: lighten($linkColor, 5%) !default;
92
- $btnPrimaryBackgroundHighlight: $linkColor !default;
102
+ //-- Iconography
103
+ //
104
+ //## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower.
93
105
 
94
- $btnInfoBackground: lighten($blue, 5%) !default;
95
- $btnInfoBackgroundHighlight: $blue !default;
106
+ $icon-font-path: "../fonts/" !default;
107
+ $icon-font-name: "glyphicons-halflings-regular" !default;
108
+ $icon-font-svg-id: "glyphicons_halflingsregular" !default;
96
109
 
97
- $btnSuccessBackground: lighten($green, 5%) !default;
98
- $btnSuccessBackgroundHighlight: $green !default;
110
+ //== Components
111
+ //
112
+ //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
99
113
 
100
- $btnWarningBackground: lighten($yellow, 5%) !default;
101
- $btnWarningBackgroundHighlight: $yellow !default;
114
+ $padding-base-vertical: 8px !default;
115
+ $padding-base-horizontal: 12px !default;
102
116
 
103
- $btnDangerBackground: lighten($red, 5%) !default;
104
- $btnDangerBackgroundHighlight: $red !default;
117
+ $padding-large-vertical: 14px !default;
118
+ $padding-large-horizontal: 16px !default;
105
119
 
106
- $btnInverseBackground: lighten($grayDark, 5%) !default;
107
- $btnInverseBackgroundHighlight: $grayDark !default;
120
+ $padding-small-vertical: 5px !default;
121
+ $padding-small-horizontal: 10px !default;
108
122
 
123
+ $padding-xs-vertical: 1px !default;
124
+ $padding-xs-horizontal: 5px !default;
109
125
 
110
- // Forms
111
- // -------------------------
112
- $inputBackground: $white !default;
113
- $inputBorder: #ccc !default;
114
- $inputBorderRadius: $baseBorderRadius !default;
115
- $inputDisabledBackground: $grayLighter !default;
116
- $formActionsBackground: #f5f5f5 !default;
117
- $inputHeight: $baseLineHeight + 10px !default; // base line-height + 8px vertical padding + 2px top/bottom border
126
+ $line-height-large: 1.33 !default;
127
+ $line-height-small: 1.5 !default;
118
128
 
129
+ $border-radius-base: 4px !default;
130
+ $border-radius-large: 6px !default;
131
+ $border-radius-small: 3px !default;
132
+
133
+ //** Global color for active items (e.g., navs or dropdowns).
134
+ $component-active-color: #fff !default;
135
+ //** Global background color for active items (e.g., navs or dropdowns).
136
+ $component-active-bg: $brand-primary !default;
119
137
 
120
- // Dropdowns
121
- // -------------------------
122
- $dropdownBackground: $bodyBackground !default;
123
- $dropdownBorder: rgba(0,0,0,.2) !default;
124
- $dropdownDividerTop: #e5e5e5 !default;
125
- $dropdownDividerBottom: $white !default;
138
+ //** Width of the `border` for generating carets that indicator dropdowns.
139
+ $caret-width-base: 4px !default;
140
+ //** Carets increase slightly in size for larger components.
141
+ $caret-width-large: 5px !default;
142
+
143
+
144
+ //== Tables
145
+ //
146
+ //## Customizes the `.table` component with basic values, each used across all table variations.
126
147
 
127
- $dropdownLinkColor: $grayDark !default;
128
- $dropdownLinkColorHover: $white !default;
129
- $dropdownLinkColorActive: $white !default;
148
+ //** Padding for `<th>`s and `<td>`s.
149
+ $table-cell-padding: 8px !default;
150
+ //** Padding for cells in `.table-condensed`.
151
+ $table-condensed-cell-padding: 5px !default;
152
+
153
+ //** Default background color used for all tables.
154
+ $table-bg: transparent !default;
155
+ //** Background color used for `.table-striped`.
156
+ $table-bg-accent: #f9f9f9 !default;
157
+ //** Background color used for `.table-hover`.
158
+ $table-bg-hover: #f5f5f5 !default;
159
+ $table-bg-active: $table-bg-hover !default;
160
+
161
+ //** Border color for table and cell borders.
162
+ $table-border-color: #ddd !default;
130
163
 
131
- $dropdownLinkBackgroundActive: $linkColor !default;
132
- $dropdownLinkBackgroundHover: $dropdownLinkBackgroundActive !default;
133
164
 
165
+ //== Buttons
166
+ //
167
+ //## For each of Bootstrap's buttons, define text, background and border color.
168
+
169
+ $btn-font-weight: normal !default;
134
170
 
171
+ $btn-default-color: $text-color !default;
172
+ $btn-default-bg: #fff !default;
173
+ $btn-default-border: #ddd !default;
135
174
 
136
- // COMPONENT VARIABLES
137
- // --------------------------------------------------
175
+ $btn-primary-color: #fff !default;
176
+ $btn-primary-bg: $brand-primary !default;
177
+ $btn-primary-border: $btn-primary-bg !default;
178
+
179
+ $btn-success-color: #fff !default;
180
+ $btn-success-bg: $brand-success !default;
181
+ $btn-success-border: $btn-success-bg !default;
138
182
 
183
+ $btn-info-color: #fff !default;
184
+ $btn-info-bg: $brand-info !default;
185
+ $btn-info-border: $btn-info-bg !default;
139
186
 
140
- // Z-index master list
141
- // -------------------------
142
- // Used for a bird's eye view of components dependent on the z-axis
143
- // Try to avoid customizing these :)
144
- $zindexDropdown: 1000 !default;
145
- $zindexPopover: 1010 !default;
146
- $zindexTooltip: 1030 !default;
147
- $zindexFixedNavbar: 1030 !default;
148
- $zindexModalBackdrop: 1040 !default;
149
- $zindexModal: 1050 !default;
187
+ $btn-warning-color: #fff !default;
188
+ $btn-warning-bg: $brand-warning !default;
189
+ $btn-warning-border: $btn-warning-bg !default;
150
190
 
191
+ $btn-danger-color: #fff !default;
192
+ $btn-danger-bg: $brand-danger !default;
193
+ $btn-danger-border: $btn-danger-bg !default;
151
194
 
152
- // Sprite icons path
153
- // -------------------------
154
- $iconSpritePath: image-path("glyphicons-halflings.png") !default;
155
- $iconWhiteSpritePath: image-path("glyphicons-halflings-white.png") !default;
195
+ $btn-link-disabled-color: $gray-light !default;
156
196
 
157
197
 
158
- // Input placeholder text color
159
- // -------------------------
160
- $placeholderText: $grayLight !default;
198
+ //== Forms
199
+ //
200
+ //##
161
201
 
202
+ //** `<input>` background color
203
+ $input-bg: #fff !default;
204
+ //** `<input disabled>` background color
205
+ $input-bg-disabled: $gray-lighter !default;
206
+
207
+ //** Text color for `<input>`s
208
+ $input-color: $text-color !default;
209
+ //** `<input>` border color
210
+ $input-border: #ddd !default;
211
+ //** `<input>` border radius
212
+ $input-border-radius: $border-radius-base !default;
213
+ //** Border color for inputs on focus
214
+ $input-border-focus: #66afe9 !default;
215
+
216
+ //** Placeholder text color
217
+ $input-color-placeholder: $gray-light !default;
218
+
219
+ //** Default `.form-control` height
220
+ $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
221
+ //** Large `.form-control` height
222
+ $input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
223
+ //** Small `.form-control` height
224
+ $input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
225
+
226
+ $legend-color: $text-color !default;
227
+ $legend-border-color: #e5e5e5 !default;
228
+
229
+ //** Background color for textual input addons
230
+ $input-group-addon-bg: $gray-lighter !default;
231
+ //** Border color for textual input addons
232
+ $input-group-addon-border-color: $input-border !default;
233
+
234
+
235
+ //== Dropdowns
236
+ //
237
+ //## Dropdown menu container and contents.
238
+
239
+ //** Background for the dropdown menu.
240
+ $dropdown-bg: #fff !default;
241
+ //** Dropdown menu `border-color`.
242
+ $dropdown-border: rgba(0,0,0,.15) !default;
243
+ //** Dropdown menu `border-color` **for IE8**.
244
+ $dropdown-fallback-border: #ccc !default;
245
+ //** Divider color for between dropdown items.
246
+ $dropdown-divider-bg: #e5e5e5 !default;
247
+
248
+ //** Active dropdown menu item text color.
249
+ $dropdown-link-active-color: #fff !default;
250
+ //** Active dropdown menu item background color.
251
+ $dropdown-link-active-bg: $component-active-bg !default;
252
+
253
+ //** Dropdown link text color.
254
+ $dropdown-link-color: $gray-dark !default;
255
+ //** Hover color for dropdown links.
256
+ $dropdown-link-hover-color: #fff !default;
257
+ //** Hover background for dropdown links.
258
+ $dropdown-link-hover-bg: $dropdown-link-active-bg !default;
259
+
260
+ //** Disabled dropdown menu item background color.
261
+ $dropdown-link-disabled-color: $text-muted !default;
262
+
263
+ //** Text color for headers within dropdown menus.
264
+ $dropdown-header-color: $text-muted !default;
265
+
266
+ // Note: Deprecated @dropdown-caret-color as of v3.1.0
267
+ $dropdown-caret-color: #000 !default;
268
+
269
+
270
+ //-- Z-index master list
271
+ //
272
+ // Warning: Avoid customizing these values. They're used for a bird's eye view
273
+ // of components dependent on the z-axis and are designed to all work together.
274
+ //
275
+ // Note: These variables are not generated into the Customizer.
276
+
277
+ $zindex-navbar: 1000 !default;
278
+ $zindex-dropdown: 1000 !default;
279
+ $zindex-popover: 1010 !default;
280
+ $zindex-tooltip: 1030 !default;
281
+ $zindex-navbar-fixed: 1030 !default;
282
+ $zindex-modal-background: 1040 !default;
283
+ $zindex-modal: 1050 !default;
284
+
285
+
286
+ //== Media queries breakpoints
287
+ //
288
+ //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
289
+
290
+ // Extra small screen / phone
291
+ // Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
292
+ $screen-xs: 480px !default;
293
+ $screen-xs-min: $screen-xs !default;
294
+ $screen-phone: $screen-xs-min !default;
295
+
296
+ // Small screen / tablet
297
+ // Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
298
+ $screen-sm: 768px !default;
299
+ $screen-sm-min: $screen-sm !default;
300
+ $screen-tablet: $screen-sm-min !default;
301
+
302
+ // Medium screen / desktop
303
+ // Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
304
+ $screen-md: 992px !default;
305
+ $screen-md-min: $screen-md !default;
306
+ $screen-desktop: $screen-md-min !default;
307
+
308
+ // Large screen / wide desktop
309
+ // Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
310
+ $screen-lg: 1200px !default;
311
+ $screen-lg-min: $screen-lg !default;
312
+ $screen-lg-desktop: $screen-lg-min !default;
313
+
314
+ // So media queries don't overlap when required, provide a maximum
315
+ $screen-xs-max: ($screen-sm-min - 1) !default;
316
+ $screen-sm-max: ($screen-md-min - 1) !default;
317
+ $screen-md-max: ($screen-lg-min - 1) !default;
318
+
319
+
320
+ //== Grid system
321
+ //
322
+ //## Define your custom responsive grid.
323
+
324
+ //** Number of columns in the grid.
325
+ $grid-columns: 12 !default;
326
+ //** Padding between columns. Gets divided in half for the left and right.
327
+ $grid-gutter-width: 30px !default;
328
+ // Navbar collapse
329
+ //** Point at which the navbar becomes uncollapsed.
330
+ $grid-float-breakpoint: $screen-sm-min !default;
331
+ //** Point at which the navbar begins collapsing.
332
+ $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
333
+
334
+
335
+ //== Container sizes
336
+ //
337
+ //## Define the maximum width of `.container` for different screen sizes.
338
+
339
+ // Small screen / tablet
340
+ $container-tablet: ((720px + $grid-gutter-width)) !default;
341
+ //** For `@screen-sm-min` and up.
342
+ $container-sm: $container-tablet !default;
343
+
344
+ // Medium screen / desktop
345
+ $container-desktop: ((940px + $grid-gutter-width)) !default;
346
+ //** For `@screen-md-min` and up.
347
+ $container-md: $container-desktop !default;
348
+
349
+ // Large screen / wide desktop
350
+ $container-large-desktop: ((1140px + $grid-gutter-width)) !default;
351
+ //** For `@screen-lg-min` and up.
352
+ $container-lg: $container-large-desktop !default;
353
+
354
+
355
+ //== Navbar
356
+ //
357
+ //##
358
+
359
+ // Basics of a navbar
360
+ $navbar-height: 50px !default;
361
+ $navbar-margin-bottom: $line-height-computed !default;
362
+ $navbar-border-radius: $border-radius-base !default;
363
+ $navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
364
+ $navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
365
+ $navbar-collapse-max-height: 340px !default;
366
+
367
+ $navbar-default-color: $text-color !default;
368
+ $navbar-default-bg: $body-bg !default;
369
+ $navbar-default-border: transparent !default;
370
+
371
+ // Navbar links
372
+ $navbar-default-link-color: $link-color !default;
373
+ $navbar-default-link-hover-color: $link-color !default;
374
+ $navbar-default-link-hover-bg: transparent !default;
375
+ $navbar-default-link-active-color: $navbar-default-link-color !default;
376
+ $navbar-default-link-active-bg: transparent !default;
377
+ $navbar-default-link-disabled-color: #333 !default;
378
+ $navbar-default-link-disabled-bg: transparent !default;
379
+
380
+ // Navbar brand label
381
+ $navbar-default-brand-color: $navbar-default-link-color !default;
382
+ $navbar-default-brand-hover-color: $navbar-default-link-hover-color !default;
383
+ $navbar-default-brand-hover-bg: transparent !default;
384
+
385
+ // Navbar toggle
386
+ $navbar-default-toggle-hover-bg: #ddd !default;
387
+ $navbar-default-toggle-icon-bar-bg: #ccc !default;
388
+ $navbar-default-toggle-border-color: #ddd !default;
162
389
 
163
- // Hr border color
164
- // -------------------------
165
- $hrBorder: $grayLighter !default;
166
390
 
391
+ // Inverted navbar
392
+ // Reset inverted navbar basics
393
+ $navbar-inverse-color: $text-color !default;
394
+ $navbar-inverse-bg: $body-bg !default;
395
+ $navbar-inverse-border: transparent !default;
167
396
 
168
- // Horizontal forms & lists
169
- // -------------------------
170
- $horizontalComponentOffset: 180px !default;
397
+ // Inverted navbar links
398
+ $navbar-inverse-link-color: $text-color !default;
399
+ $navbar-inverse-link-hover-color: $text-color !default;
400
+ $navbar-inverse-link-hover-bg: transparent !default;
401
+ $navbar-inverse-link-active-color: $text-color !default;
402
+ $navbar-inverse-link-active-bg: transparent !default;
403
+ $navbar-inverse-link-disabled-color: #ccc !default;
404
+ $navbar-inverse-link-disabled-bg: transparent !default;
171
405
 
406
+ // Inverted navbar brand label
407
+ $navbar-inverse-brand-color: $navbar-inverse-link-color !default;
408
+ $navbar-inverse-brand-hover-color: $navbar-inverse-link-hover-color !default;
409
+ $navbar-inverse-brand-hover-bg: transparent !default;
172
410
 
173
- // Wells
174
- // -------------------------
175
- $wellBackground: #fefefe !default;
411
+ // Inverted navbar toggle
412
+ $navbar-inverse-toggle-hover-bg: #ddd !default;
413
+ $navbar-inverse-toggle-icon-bar-bg: #ccc !default;
414
+ $navbar-inverse-toggle-border-color: #ddd !default;
176
415
 
177
416
 
178
- // Navbar
179
- // -------------------------
180
- $navbarCollapseWidth: 979px !default;
181
- $navbarCollapseDesktopWidth: $navbarCollapseWidth + 1 !default;
417
+ //== Navs
418
+ //
419
+ //##
182
420
 
183
- $navbarHeight: 60px !default;
184
- $navbarBackgroundHighlight: $bodyBackground !default;
185
- $navbarBackground: $bodyBackground !default;
186
- $navbarBorder: darken($navbarBackground, 12%) !default;
421
+ //=== Shared nav styles
422
+ $nav-link-padding: 10px 15px !default;
423
+ $nav-link-hover-bg: $gray-lighter !default;
187
424
 
188
- $navbarText: $textColor !default;
189
- $navbarLinkColor: $textColor !default;
190
- $navbarLinkColorHover: $textColor !default;
191
- $navbarLinkColorActive: $textColor !default;
192
- $navbarLinkBackgroundHover: transparent !default;
193
- $navbarLinkBackgroundActive: darken($navbarBackground, 5%) !default;
425
+ $nav-disabled-link-color: $gray-light !default;
426
+ $nav-disabled-link-hover-color: $gray-light !default;
194
427
 
195
- $navbarBrandColor: $navbarLinkColor !default;
428
+ $nav-open-link-hover-color: #fff !default;
196
429
 
197
- // Inverted navbar
198
- $navbarInverseBackground: $grayDark !default;
199
- $navbarInverseBackgroundHighlight: $grayDark !default;
200
- $navbarInverseBorder: #252525 !default;
430
+ //== Tabs
431
+ $nav-tabs-border-color: #ddd !default;
201
432
 
202
- $navbarInverseText: $grayLight !default;
203
- $navbarInverseLinkColor: $grayLight !default;
204
- $navbarInverseLinkColorHover: $white !default;
205
- $navbarInverseLinkColorActive: $navbarInverseLinkColorHover !default;
206
- $navbarInverseLinkBackgroundHover: transparent !default;
207
- $navbarInverseLinkBackgroundActive: $navbarInverseBackground !default;
433
+ $nav-tabs-link-hover-border-color: $gray-lighter !default;
208
434
 
209
- $navbarInverseSearchBackground: lighten($navbarInverseBackground, 25%) !default;
210
- $navbarInverseSearchBackgroundFocus: $white !default;
211
- $navbarInverseSearchBorder: $navbarInverseBackground !default;
212
- $navbarInverseSearchPlaceholderColor: #ccc !default;
435
+ $nav-tabs-active-link-hover-bg: $body-bg !default;
436
+ $nav-tabs-active-link-hover-color: $gray !default;
437
+ $nav-tabs-active-link-hover-border-color: #ddd !default;
213
438
 
214
- $navbarInverseBrandColor: $navbarInverseLinkColor !default;
439
+ $nav-tabs-justified-link-border-color: #ddd !default;
440
+ $nav-tabs-justified-active-link-border-color: $body-bg !default;
215
441
 
442
+ //== Pills
443
+ $nav-pills-border-radius: $border-radius-base !default;
444
+ $nav-pills-active-link-hover-bg: $component-active-bg !default;
445
+ $nav-pills-active-link-hover-color: $component-active-color !default;
216
446
 
217
- // Pagination
218
- // -------------------------
219
- $paginationBackground: #fff !default;
220
- $paginationBorder: #ddd !default;
221
- $paginationActiveBackground: #f5f5f5 !default;
222
447
 
448
+ //== Pagination
449
+ //
450
+ //##
223
451
 
224
- // Hero unit
225
- // -------------------------
226
- $heroUnitBackground: #fefefe !default;
227
- $heroUnitHeadingColor: inherit !default;
228
- $heroUnitLeadColor: inherit !default;
452
+ $pagination-color: $text-color !default;
453
+ $pagination-bg: #fff !default;
454
+ $pagination-border: #ddd !default;
229
455
 
456
+ $pagination-hover-color: #fff !default;
457
+ $pagination-hover-bg: $brand-primary !default;
458
+ $pagination-hover-border: $brand-primary !default;
230
459
 
231
- // Form states and alerts
232
- // -------------------------
233
- $warningText: $orange !default;
234
- $warningBackground: #fcf8e3 !default;
235
- $warningBorder: darken(adjust-hue($warningBackground, -10), 3%) !default;
460
+ $pagination-active-color: #fff !default;
461
+ $pagination-active-bg: $brand-primary !default;
462
+ $pagination-active-border: $brand-primary !default;
236
463
 
237
- $errorText: $red !default;
238
- $errorBackground: #f2dede !default;
239
- $errorBorder: darken(adjust-hue($errorBackground, -10), 3%) !default;
464
+ $pagination-disabled-color: $gray-light !default;
465
+ $pagination-disabled-bg: #fff !default;
466
+ $pagination-disabled-border: #ddd !default;
240
467
 
241
- $successText: $green !default;
242
- $successBackground: #dff0d8 !default;
243
- $successBorder: darken(adjust-hue($successBackground, -10), 5%) !default;
244
468
 
245
- $infoText: $blue !default;
246
- $infoBackground: #d9edf7 !default;
247
- $infoBorder: darken(adjust-hue($infoBackground, -10), 7%) !default;
469
+ //== Pager
470
+ //
471
+ //##
248
472
 
473
+ $pager-bg: $pagination-bg !default;
474
+ $pager-border: $pagination-border !default;
475
+ $pager-border-radius: 15px !default;
249
476
 
250
- // Tooltips and popovers
251
- // -------------------------
252
- $tooltipColor: #fff !default;
253
- $tooltipBackground: #000 !default;
254
- $tooltipArrowWidth: 5px !default;
255
- $tooltipArrowColor: $tooltipBackground !default;
477
+ $pager-hover-bg: $pagination-hover-bg !default;
256
478
 
257
- $popoverBackground: #fff !default;
258
- $popoverArrowWidth: 10px !default;
259
- $popoverArrowColor: #fff !default;
260
- $popoverTitleBackground: darken($popoverBackground, 3%) !default;
479
+ $pager-active-bg: $pagination-active-bg !default;
480
+ $pager-active-color: $pagination-active-color !default;
261
481
 
262
- // Special enhancement for popovers
263
- $popoverArrowOuterWidth: $popoverArrowWidth + 1 !default;
264
- $popoverArrowOuterColor: rgba(0,0,0,.25) !default;
482
+ $pager-disabled-color: $gray-light !default;
265
483
 
266
484
 
485
+ //== Jumbotron
486
+ //
487
+ //##
267
488
 
268
- // GRID
269
- // --------------------------------------------------
489
+ $jumbotron-padding: 30px !default;
490
+ $jumbotron-color: inherit !default;
491
+ $jumbotron-bg: darken($body-bg, 3%) !default;
492
+ $jumbotron-heading-color: inherit !default;
493
+ $jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
494
+
495
+
496
+ //== Form states and alerts
497
+ //
498
+ //## Define colors for form feedback states and, by default, alerts.
499
+
500
+ $state-success-text: $brand-success !default;
501
+ $state-success-bg: #dff0d8 !default;
502
+ $state-success-border: $brand-success !default;
503
+
504
+ $state-info-text: $brand-info !default;
505
+ $state-info-bg: #d9edf7 !default;
506
+ $state-info-border: $brand-info !default;
507
+
508
+ $state-warning-text: $brand-warning !default;
509
+ $state-warning-bg: #fcf8e3 !default;
510
+ $state-warning-border: $brand-warning !default;
511
+
512
+ $state-danger-text: $brand-danger !default;
513
+ $state-danger-bg: #f2dede !default;
514
+ $state-danger-border: $brand-danger !default;
515
+
516
+
517
+ //== Tooltips
518
+ //
519
+ //##
520
+
521
+ //** Tooltip max width
522
+ $tooltip-max-width: 200px !default;
523
+ //** Tooltip text color
524
+ $tooltip-color: #fff !default;
525
+ //** Tooltip background color
526
+ $tooltip-bg: rgba(0,0,0,.9) !default;
527
+ $tooltip-opacity: .9 !default;
528
+
529
+ //** Tooltip arrow width
530
+ $tooltip-arrow-width: 5px !default;
531
+ //** Tooltip arrow color
532
+ $tooltip-arrow-color: $tooltip-bg !default;
533
+
534
+
535
+ //== Popovers
536
+ //
537
+ //##
538
+
539
+ //** Popover body background color
540
+ $popover-bg: #fff !default;
541
+ //** Popover maximum width
542
+ $popover-max-width: 276px !default;
543
+ //** Popover border color
544
+ $popover-border-color: rgba(0,0,0,.2) !default;
545
+ //** Popover fallback border color
546
+ $popover-fallback-border-color: #ccc !default;
547
+
548
+ //** Popover title background color
549
+ $popover-title-bg: darken($popover-bg, 3%) !default;
550
+
551
+ //** Popover arrow width
552
+ $popover-arrow-width: 10px !default;
553
+ //** Popover arrow color
554
+ $popover-arrow-color: #fff !default;
555
+
556
+ //** Popover outer arrow width
557
+ $popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
558
+ //** Popover outer arrow color
559
+ $popover-arrow-outer-color: fadein($popover-border-color, 5%) !default;
560
+ //** Popover outer arrow fallback color
561
+ $popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
562
+
563
+
564
+ //== Labels
565
+ //
566
+ //##
567
+
568
+ //** Default label background color
569
+ $label-default-bg: $btn-default-bg !default;
570
+ //** Primary label background color
571
+ $label-primary-bg: $brand-primary !default;
572
+ //** Success label background color
573
+ $label-success-bg: $brand-success !default;
574
+ //** Info label background color
575
+ $label-info-bg: $brand-info !default;
576
+ //** Warning label background color
577
+ $label-warning-bg: $brand-warning !default;
578
+ //** Danger label background color
579
+ $label-danger-bg: $brand-danger !default;
580
+
581
+ //** Default label text color
582
+ $label-color: #fff !default;
583
+ //** Default text color of a linked label
584
+ $label-link-hover-color: #fff !default;
585
+
586
+
587
+ //== Modals
588
+ //
589
+ //##
590
+
591
+ //** Padding applied to the modal body
592
+ $modal-inner-padding: 20px !default;
593
+
594
+ //** Padding applied to the modal title
595
+ $modal-title-padding: 15px !default;
596
+ //** Modal title line-height
597
+ $modal-title-line-height: $line-height-base !default;
598
+
599
+ //** Background color of modal content area
600
+ $modal-content-bg: #fff !default;
601
+ //** Modal content border color
602
+ $modal-content-border-color: rgba(0,0,0,.2) !default;
603
+ //** Modal content border color **for IE8**
604
+ $modal-content-fallback-border-color: #999 !default;
605
+
606
+ //** Modal backdrop background color
607
+ $modal-backdrop-bg: #000 !default;
608
+ //** Modal backdrop opacity
609
+ $modal-backdrop-opacity: .5 !default;
610
+ //** Modal header border color
611
+ $modal-header-border-color: #e5e5e5 !default;
612
+ //** Modal footer border color
613
+ $modal-footer-border-color: $modal-header-border-color !default;
614
+
615
+ $modal-lg: 900px !default;
616
+ $modal-md: 600px !default;
617
+ $modal-sm: 300px !default;
618
+
619
+
620
+ //== Alerts
621
+ //
622
+ //## Define alert colors, border radius, and padding.
623
+
624
+ $alert-padding: 15px !default;
625
+ $alert-border-radius: $border-radius-base !default;
626
+ $alert-link-font-weight: bold !default;
627
+
628
+ $alert-success-bg: $state-success-border !default;
629
+ $alert-success-text: #fff !default;
630
+ $alert-success-border: $state-success-border !default;
631
+
632
+ $alert-info-bg: $state-info-border !default;
633
+ $alert-info-text: #fff !default;
634
+ $alert-info-border: $state-info-border !default;
635
+
636
+ $alert-warning-bg: $state-warning-border !default;
637
+ $alert-warning-text: #fff !default;
638
+ $alert-warning-border: $state-warning-border !default;
639
+
640
+ $alert-danger-bg: $state-danger-border !default;
641
+ $alert-danger-text: #fff !default;
642
+ $alert-danger-border: $state-danger-border !default;
643
+
644
+
645
+ //== Progress bars
646
+ //
647
+ //##
648
+
649
+ //** Background color of the whole progress component
650
+ $progress-bg: #f5f5f5 !default;
651
+ //** Progress bar text color
652
+ $progress-bar-color: #fff !default;
653
+
654
+ //** Default progress bar color
655
+ $progress-bar-bg: $brand-primary !default;
656
+ //** Success progress bar color
657
+ $progress-bar-success-bg: $brand-success !default;
658
+ //** Warning progress bar color
659
+ $progress-bar-warning-bg: $brand-warning !default;
660
+ //** Danger progress bar color
661
+ $progress-bar-danger-bg: $brand-danger !default;
662
+ //** Info progress bar color
663
+ $progress-bar-info-bg: $brand-info !default;
664
+
665
+
666
+ //== List group
667
+ //
668
+ //##
669
+
670
+ //** Background color on `.list-group-item`
671
+ $list-group-bg: #fff !default;
672
+ //** `.list-group-item` border color
673
+ $list-group-border: #ddd !default;
674
+ //** List group border radius
675
+ $list-group-border-radius: $border-radius-base !default;
676
+
677
+ //** Background color of single list elements on hover
678
+ $list-group-hover-bg: #f5f5f5 !default;
679
+ //** Text color of active list elements
680
+ $list-group-active-color: $component-active-color !default;
681
+ //** Background color of active list elements
682
+ $list-group-active-bg: $component-active-bg !default;
683
+ //** Border color of active list elements
684
+ $list-group-active-border: $list-group-active-bg !default;
685
+ $list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
686
+
687
+ $list-group-link-color: #555 !default;
688
+ $list-group-link-heading-color: #333 !default;
689
+
690
+
691
+ //== Panels
692
+ //
693
+ //##
694
+
695
+ $panel-bg: #fff !default;
696
+ $panel-body-padding: 15px !default;
697
+ $panel-border-radius: $border-radius-base !default;
698
+
699
+ //** Border color for elements within panels
700
+ $panel-inner-border: #ddd !default;
701
+ $panel-footer-bg: #fff !default;
702
+
703
+ $panel-default-text: $gray-dark !default;
704
+ $panel-default-border: #ddd !default;
705
+ $panel-default-heading-bg: #f5f5f5 !default;
706
+
707
+ $panel-primary-text: #fff !default;
708
+ $panel-primary-border: transparent !default;
709
+ $panel-primary-heading-bg: $brand-primary !default;
710
+
711
+ $panel-success-text: $state-success-text !default;
712
+ $panel-success-border: transparent !default;
713
+ $panel-success-heading-bg: $state-success-border !default;
714
+
715
+ $panel-info-text: $state-info-text !default;
716
+ $panel-info-border: transparent !default;
717
+ $panel-info-heading-bg: $state-info-border !default;
718
+
719
+ $panel-warning-text: $state-warning-text !default;
720
+ $panel-warning-border: transparent !default;
721
+ $panel-warning-heading-bg: $state-warning-border !default;
722
+
723
+ $panel-danger-text: $state-danger-text !default;
724
+ $panel-danger-border: transparent !default;
725
+ $panel-danger-heading-bg: $state-danger-border !default;
726
+
727
+
728
+ //== Thumbnails
729
+ //
730
+ //##
731
+
732
+ //** Padding around the thumbnail image
733
+ $thumbnail-padding: 4px !default;
734
+ //** Thumbnail background color
735
+ $thumbnail-bg: $body-bg !default;
736
+ //** Thumbnail border color
737
+ $thumbnail-border: #ddd !default;
738
+ //** Thumbnail border radius
739
+ $thumbnail-border-radius: $border-radius-base !default;
740
+
741
+ //** Custom text color for thumbnail captions
742
+ $thumbnail-caption-color: $text-color !default;
743
+ //** Padding around the thumbnail caption
744
+ $thumbnail-caption-padding: 9px !default;
745
+
746
+
747
+ //== Wells
748
+ //
749
+ //##
750
+
751
+ $well-bg: darken($body-bg, 3%) !default;
752
+ $well-border: darken($well-bg, 7%) !default;
753
+
754
+
755
+ //== Badges
756
+ //
757
+ //##
758
+
759
+ $badge-color: #fff !default;
760
+ //** Linked badge text color on hover
761
+ $badge-link-hover-color: #fff !default;
762
+ $badge-bg: $brand-primary !default;
763
+
764
+ //** Badge text color in active nav link
765
+ $badge-active-color: $link-color !default;
766
+ //** Badge background color in active nav link
767
+ $badge-active-bg: #fff !default;
768
+
769
+ $badge-font-weight: bold !default;
770
+ $badge-line-height: 1 !default;
771
+ $badge-border-radius: 10px !default;
772
+
773
+
774
+ //== Breadcrumbs
775
+ //
776
+ //##
777
+
778
+ $breadcrumb-padding-vertical: 8px !default;
779
+ $breadcrumb-padding-horizontal: 15px !default;
780
+ //** Breadcrumb background color
781
+ $breadcrumb-bg: #f5f5f5 !default;
782
+ //** Breadcrumb text color
783
+ $breadcrumb-color: #ccc !default;
784
+ //** Text color of current page in the breadcrumb
785
+ $breadcrumb-active-color: $gray-light !default;
786
+ //** Textual separator for between breadcrumb elements
787
+ $breadcrumb-separator: "/" !default;
788
+
789
+
790
+ //== Carousel
791
+ //
792
+ //##
793
+
794
+ $carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default;
795
+
796
+ $carousel-control-color: #fff !default;
797
+ $carousel-control-width: 15% !default;
798
+ $carousel-control-opacity: .5 !default;
799
+ $carousel-control-font-size: 20px !default;
800
+
801
+ $carousel-indicator-active-bg: #fff !default;
802
+ $carousel-indicator-border-color: #fff !default;
803
+
804
+ $carousel-caption-color: #fff !default;
270
805
 
271
806
 
272
- // Default 940px grid
273
- // -------------------------
274
- $gridColumns: 12 !default;
275
- $gridColumnWidth: 60px !default;
276
- $gridGutterWidth: 20px !default;
277
- $gridRowWidth: ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;
807
+ //== Close
808
+ //
809
+ //##
278
810
 
279
- // 1200px min
280
- $gridColumnWidth1200: 70px !default;
281
- $gridGutterWidth1200: 30px !default;
282
- $gridRowWidth1200: ($gridColumns * $gridColumnWidth1200) + ($gridGutterWidth1200 * ($gridColumns - 1)) !default;
811
+ $close-font-weight: bold !default;
812
+ $close-color: #000 !default;
813
+ $close-text-shadow: 0 1px 0 #fff !default;
283
814
 
284
- // 768px-979px
285
- $gridColumnWidth768: 42px !default;
286
- $gridGutterWidth768: 20px !default;
287
- $gridRowWidth768: ($gridColumns * $gridColumnWidth768) + ($gridGutterWidth768 * ($gridColumns - 1)) !default;
288
815
 
816
+ //== Code
817
+ //
818
+ //##
289
819
 
290
- // Fluid grid
291
- // -------------------------
292
- $fluidGridColumnWidth: percentage($gridColumnWidth/$gridRowWidth) !default;
293
- $fluidGridGutterWidth: percentage($gridGutterWidth/$gridRowWidth) !default;
820
+ $code-color: #c7254e !default;
821
+ $code-bg: #f9f2f4 !default;
294
822
 
295
- // 1200px min
296
- $fluidGridColumnWidth1200: percentage($gridColumnWidth1200/$gridRowWidth1200) !default;
297
- $fluidGridGutterWidth1200: percentage($gridGutterWidth1200/$gridRowWidth1200) !default;
823
+ $kbd-color: #fff !default;
824
+ $kbd-bg: #333 !default;
298
825
 
299
- // 768px-979px
300
- $fluidGridColumnWidth768: percentage($gridColumnWidth768/$gridRowWidth768) !default;
301
- $fluidGridGutterWidth768: percentage($gridGutterWidth768/$gridRowWidth768) !default;
826
+ $pre-bg: #f5f5f5 !default;
827
+ $pre-color: $gray-dark !default;
828
+ $pre-border-color: #ccc !default;
829
+ $pre-scrollable-max-height: 340px !default;