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