bootswatch-rails 0.5.0 → 3.1.1

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