netguru_bootstrapper 0.0.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 (24) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +22 -0
  3. data/Gemfile +4 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +74 -0
  6. data/Rakefile +2 -0
  7. data/lib/netguru_bootstrapper/engine.rb +7 -0
  8. data/lib/netguru_bootstrapper/generators/netguru_bootstrapper/bootstrap_generator.rb +41 -0
  9. data/lib/netguru_bootstrapper/generators/templates/application.scss +13 -0
  10. data/lib/netguru_bootstrapper/generators/templates/settings/bootstrap-components.scss +53 -0
  11. data/lib/netguru_bootstrapper/generators/templates/settings/bootstrap-overrides.scss +53 -0
  12. data/lib/netguru_bootstrapper/generators/templates/settings/bootstrap-variables.scss +852 -0
  13. data/lib/netguru_bootstrapper/generators/templates/settings/custom-variables.scss +0 -0
  14. data/lib/netguru_bootstrapper/generators/templates/settings/z-index-variables.scss +9 -0
  15. data/lib/netguru_bootstrapper/generators/templates/utilities/functions.scss +0 -0
  16. data/lib/netguru_bootstrapper/generators/templates/utilities/mixins.scss +35 -0
  17. data/lib/netguru_bootstrapper/generators/templates/utilities/shared.scss +0 -0
  18. data/lib/netguru_bootstrapper/generators/templates/utilities/typography.scss +0 -0
  19. data/lib/netguru_bootstrapper/structure_parser.rb +10 -0
  20. data/lib/netguru_bootstrapper/version.rb +3 -0
  21. data/lib/netguru_bootstrapper.rb +5 -0
  22. data/lib/structure.yml +19 -0
  23. data/netguru_bootstrapper.gemspec +22 -0
  24. metadata +94 -0
data/lib/netguru_bootstrapper/generators/templates/settings/bootstrap-variables.scss ADDED
@@ -0,0 +1,852 @@
1
+ // When true, asset path helpers are used, otherwise the regular CSS `url()` is used.
2
+ // When there no function is defined, `fn('')` is parsed as string that equals the right hand side
3
+ // NB: in Sass 3.3 there is a native function: function-exists(twbs-font-path)
4
+ // $bootstrap-sass-asset-helper: (twbs-font-path("") != unquote('twbs-font-path("")')) !default;
5
+
6
+ //
7
+ // Variables
8
+ // --------------------------------------------------
9
+
10
+
11
+ //== Colors
12
+ //
13
+ //## Gray and brand colors for use across Bootstrap.
14
+
15
+ // $gray-darker: lighten(#000, 13.5%) !default; // #222
16
+ // $gray-dark: lighten(#000, 20%) !default; // #333
17
+ // $gray: lighten(#000, 33.5%) !default; // #555
18
+ // $gray-light: lighten(#000, 46.7%) !default; // #777
19
+ // $gray-lighter: lighten(#000, 93.5%) !default; // #eee
20
+
21
+ // $brand-primary: #428bca !default;
22
+ // $brand-success: #5cb85c !default;
23
+ // $brand-info: #5bc0de !default;
24
+ // $brand-warning: #f0ad4e !default;
25
+ // $brand-danger: #d9534f !default;
26
+
27
+
28
+ //== Scaffolding
29
+ //
30
+ //## Settings for some of the most global styles.
31
+
32
+ //** Background color for `<body>`.
33
+ // $body-bg: #fff !default;
34
+ //** Global text color on `<body>`.
35
+ // $text-color: $gray-dark !default;
36
+
37
+ //** Global textual link color.
38
+ // $link-color: $brand-primary !default;
39
+ //** Link hover color set via `darken()` function.
40
+ // $link-hover-color: darken($link-color, 15%) !default;
41
+
42
+
43
+ //== Typography
44
+ //
45
+ //## Font, line-height, and color for body text, headings, and more.
46
+
47
+ // $font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
48
+ // $font-family-serif: Georgia, "Times New Roman", Times, serif !default;
49
+ //** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
50
+ // $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
51
+ // $font-family-base: $font-family-sans-serif !default;
52
+
53
+ // $font-size-base: 14px !default;
54
+ // $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
55
+ // $font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
56
+
57
+ // $font-size-h1: floor(($font-size-base * 2.6)) !default; // ~36px
58
+ // $font-size-h2: floor(($font-size-base * 2.15)) !default; // ~30px
59
+ // $font-size-h3: ceil(($font-size-base * 1.7)) !default; // ~24px
60
+ // $font-size-h4: ceil(($font-size-base * 1.25)) !default; // ~18px
61
+ // $font-size-h5: $font-size-base !default;
62
+ // $font-size-h6: ceil(($font-size-base * 0.85)) !default; // ~12px
63
+
64
+ //** Unit-less `line-height` for use in components like buttons.
65
+ // $line-height-base: 1.428571429 !default; // 20/14
66
+ //** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
67
+ // $line-height-computed: floor(($font-size-base * $line-height-base)) !default; // ~20px
68
+
69
+ //** By default, this inherits from the `<body>`.
70
+ // $headings-font-family: inherit !default;
71
+ // $headings-font-weight: 500 !default;
72
+ // $headings-line-height: 1.1 !default;
73
+ // $headings-color: inherit !default;
74
+
75
+
76
+ //== Iconography
77
+ //
78
+ //## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
79
+
80
+ //** Load fonts from this directory.
81
+
82
+ // [converter] Asset helpers such as Sprockets and Node.js Mincer do not resolve relative paths
83
+ // $icon-font-path: if($bootstrap-sass-asset-helper, "bootstrap/", "../fonts/bootstrap/") !default;
84
+
85
+ //** File name for all font files.
86
+ // $icon-font-name: "glyphicons-halflings-regular" !default;
87
+ //** Element ID within SVG icon file.
88
+ // $icon-font-svg-id: "glyphicons_halflingsregular" !default;
89
+
90
+
91
+ //== Components
92
+ //
93
+ //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
94
+
95
+ // $padding-base-vertical: 6px !default;
96
+ // $padding-base-horizontal: 12px !default;
97
+
98
+ // $padding-large-vertical: 10px !default;
99
+ // $padding-large-horizontal: 16px !default;
100
+
101
+ // $padding-small-vertical: 5px !default;
102
+ // $padding-small-horizontal: 10px !default;
103
+
104
+ // $padding-xs-vertical: 1px !default;
105
+ // $padding-xs-horizontal: 5px !default;
106
+
107
+ // $line-height-large: 1.33 !default;
108
+ // $line-height-small: 1.5 !default;
109
+
110
+ // $border-radius-base: 4px !default;
111
+ // $border-radius-large: 6px !default;
112
+ // $border-radius-small: 3px !default;
113
+
114
+ //** Global color for active items (e.g., navs or dropdowns).
115
+ // $component-active-color: #fff !default;
116
+ //** Global background color for active items (e.g., navs or dropdowns).
117
+ // $component-active-bg: $brand-primary !default;
118
+
119
+ //** Width of the `border` for generating carets that indicator dropdowns.
120
+ // $caret-width-base: 4px !default;
121
+ //** Carets increase slightly in size for larger components.
122
+ // $caret-width-large: 5px !default;
123
+
124
+
125
+ //== Tables
126
+ //
127
+ //## Customizes the `.table` component with basic values, each used across all table variations.
128
+
129
+ //** Padding for `<th>`s and `<td>`s.
130
+ // $table-cell-padding: 8px !default;
131
+ //** Padding for cells in `.table-condensed`.
132
+ // $table-condensed-cell-padding: 5px !default;
133
+
134
+ //** Default background color used for all tables.
135
+ // $table-bg: transparent !default;
136
+ //** Background color used for `.table-striped`.
137
+ // $table-bg-accent: #f9f9f9 !default;
138
+ //** Background color used for `.table-hover`.
139
+ // $table-bg-hover: #f5f5f5 !default;
140
+ // $table-bg-active: $table-bg-hover !default;
141
+
142
+ //** Border color for table and cell borders.
143
+ // $table-border-color: #ddd !default;
144
+
145
+
146
+ //== Buttons
147
+ //
148
+ //## For each of Bootstrap's buttons, define text, background and border color.
149
+
150
+ // $btn-font-weight: normal !default;
151
+
152
+ // $btn-default-color: #333 !default;
153
+ // $btn-default-bg: #fff !default;
154
+ // $btn-default-border: #ccc !default;
155
+
156
+ // $btn-primary-color: #fff !default;
157
+ // $btn-primary-bg: $brand-primary !default;
158
+ // $btn-primary-border: darken($btn-primary-bg, 5%) !default;
159
+
160
+ // $btn-success-color: #fff !default;
161
+ // $btn-success-bg: $brand-success !default;
162
+ // $btn-success-border: darken($btn-success-bg, 5%) !default;
163
+
164
+ // $btn-info-color: #fff !default;
165
+ // $btn-info-bg: $brand-info !default;
166
+ // $btn-info-border: darken($btn-info-bg, 5%) !default;
167
+
168
+ // $btn-warning-color: #fff !default;
169
+ // $btn-warning-bg: $brand-warning !default;
170
+ // $btn-warning-border: darken($btn-warning-bg, 5%) !default;
171
+
172
+ // $btn-danger-color: #fff !default;
173
+ // $btn-danger-bg: $brand-danger !default;
174
+ // $btn-danger-border: darken($btn-danger-bg, 5%) !default;
175
+
176
+ // $btn-link-disabled-color: $gray-light !default;
177
+
178
+
179
+ //== Forms
180
+ //
181
+ //##
182
+
183
+ //** `<input>` background color
184
+ // $input-bg: #fff !default;
185
+ //** `<input disabled>` background color
186
+ // $input-bg-disabled: $gray-lighter !default;
187
+
188
+ //** Text color for `<input>`s
189
+ // $input-color: $gray !default;
190
+ //** `<input>` border color
191
+ // $input-border: #ccc !default;
192
+ //** `<input>` border radius
193
+ // $input-border-radius: $border-radius-base !default;
194
+ //** Border color for inputs on focus
195
+ // $input-border-focus: #66afe9 !default;
196
+
197
+ //** Placeholder text color
198
+ // $input-color-placeholder: $gray-light !default;
199
+
200
+ //** Default `.form-control` height
201
+ // $input-height-base: ($line-height-computed + ($padding-base-vertical * 2) + 2) !default;
202
+ //** Large `.form-control` height
203
+ // $input-height-large: (ceil($font-size-large * $line-height-large) + ($padding-large-vertical * 2) + 2) !default;
204
+ //** Small `.form-control` height
205
+ // $input-height-small: (floor($font-size-small * $line-height-small) + ($padding-small-vertical * 2) + 2) !default;
206
+
207
+ // $legend-color: $gray-dark !default;
208
+ // $legend-border-color: #e5e5e5 !default;
209
+
210
+ //** Background color for textual input addons
211
+ // $input-group-addon-bg: $gray-lighter !default;
212
+ //** Border color for textual input addons
213
+ // $input-group-addon-border-color: $input-border !default;
214
+
215
+
216
+ //== Dropdowns
217
+ //
218
+ //## Dropdown menu container and contents.
219
+
220
+ //** Background for the dropdown menu.
221
+ // $dropdown-bg: #fff !default;
222
+ //** Dropdown menu `border-color`.
223
+ // $dropdown-border: rgba(0,0,0,.15) !default;
224
+ //** Dropdown menu `border-color` **for IE8**.
225
+ // $dropdown-fallback-border: #ccc !default;
226
+ //** Divider color for between dropdown items.
227
+ // $dropdown-divider-bg: #e5e5e5 !default;
228
+
229
+ //** Dropdown link text color.
230
+ // $dropdown-link-color: $gray-dark !default;
231
+ //** Hover color for dropdown links.
232
+ // $dropdown-link-hover-color: darken($gray-dark, 5%) !default;
233
+ //** Hover background for dropdown links.
234
+ // $dropdown-link-hover-bg: #f5f5f5 !default;
235
+
236
+ //** Active dropdown menu item text color.
237
+ // $dropdown-link-active-color: $component-active-color !default;
238
+ //** Active dropdown menu item background color.
239
+ // $dropdown-link-active-bg: $component-active-bg !default;
240
+
241
+ //** Disabled dropdown menu item background color.
242
+ // $dropdown-link-disabled-color: $gray-light !default;
243
+
244
+ //** Text color for headers within dropdown menus.
245
+ // $dropdown-header-color: $gray-light !default;
246
+
247
+ //** Deprecated `$dropdown-caret-color` as of v3.1.0
248
+ // $dropdown-caret-color: #000 !default;
249
+
250
+
251
+ //-- Z-index master list
252
+ //
253
+ // Warning: Avoid customizing these values. They're used for a bird's eye view
254
+ // of components dependent on the z-axis and are designed to all work together.
255
+ //
256
+ // Note: These variables are not generated into the Customizer.
257
+
258
+ // $zindex-navbar: 1000 !default;
259
+ // $zindex-dropdown: 1000 !default;
260
+ // $zindex-popover: 1060 !default;
261
+ // $zindex-tooltip: 1070 !default;
262
+ // $zindex-navbar-fixed: 1030 !default;
263
+ // $zindex-modal-background: 1040 !default;
264
+ // $zindex-modal: 1050 !default;
265
+
266
+
267
+ //== Media queries breakpoints
268
+ //
269
+ //## Define the breakpoints at which your layout will change, adapting to different screen sizes.
270
+
271
+ // Extra small screen / phone
272
+ //** Deprecated `$screen-xs` as of v3.0.1
273
+ // $screen-xs: 480px !default;
274
+ //** Deprecated `$screen-xs-min` as of v3.2.0
275
+ // $screen-xs-min: $screen-xs !default;
276
+ //** Deprecated `$screen-phone` as of v3.0.1
277
+ // $screen-phone: $screen-xs-min !default;
278
+
279
+ // Small screen / tablet
280
+ //** Deprecated `$screen-sm` as of v3.0.1
281
+ // $screen-sm: 768px !default;
282
+ // $screen-sm-min: $screen-sm !default;
283
+ //** Deprecated `$screen-tablet` as of v3.0.1
284
+ // $screen-tablet: $screen-sm-min !default;
285
+
286
+ // Medium screen / desktop
287
+ //** Deprecated `$screen-md` as of v3.0.1
288
+ // $screen-md: 992px !default;
289
+ // $screen-md-min: $screen-md !default;
290
+ //** Deprecated `$screen-desktop` as of v3.0.1
291
+ // $screen-desktop: $screen-md-min !default;
292
+
293
+ // Large screen / wide desktop
294
+ //** Deprecated `$screen-lg` as of v3.0.1
295
+ // $screen-lg: 1200px !default;
296
+ // $screen-lg-min: $screen-lg !default;
297
+ //** Deprecated `$screen-lg-desktop` as of v3.0.1
298
+ // $screen-lg-desktop: $screen-lg-min !default;
299
+
300
+ // So media queries don't overlap when required, provide a maximum
301
+ // $screen-xs-max: ($screen-sm-min - 1) !default;
302
+ // $screen-sm-max: ($screen-md-min - 1) !default;
303
+ // $screen-md-max: ($screen-lg-min - 1) !default;
304
+
305
+
306
+ //== Grid system
307
+ //
308
+ //## Define your custom responsive grid.
309
+
310
+ //** Number of columns in the grid.
311
+ // $grid-columns: 12 !default;
312
+ //** Padding between columns. Gets divided in half for the left and right.
313
+ // $grid-gutter-width: 30px !default;
314
+ // Navbar collapse
315
+ //** Point at which the navbar becomes uncollapsed.
316
+ // $grid-float-breakpoint: $screen-sm-min !default;
317
+ //** Point at which the navbar begins collapsing.
318
+ // $grid-float-breakpoint-max: ($grid-float-breakpoint - 1) !default;
319
+
320
+
321
+ //== Container sizes
322
+ //
323
+ //## Define the maximum width of `.container` for different screen sizes.
324
+
325
+ // Small screen / tablet
326
+ // $container-tablet: ((720px + $grid-gutter-width)) !default;
327
+ //** For `$screen-sm-min` and up.
328
+ // $container-sm: $container-tablet !default;
329
+
330
+ // Medium screen / desktop
331
+ // $container-desktop: ((940px + $grid-gutter-width)) !default;
332
+ //** For `$screen-md-min` and up.
333
+ // $container-md: $container-desktop !default;
334
+
335
+ // Large screen / wide desktop
336
+ // $container-large-desktop: ((1140px + $grid-gutter-width)) !default;
337
+ //** For `$screen-lg-min` and up.
338
+ // $container-lg: $container-large-desktop !default;
339
+
340
+
341
+ //== Navbar
342
+ //
343
+ //##
344
+
345
+ // Basics of a navbar
346
+ // $navbar-height: 50px !default;
347
+ // $navbar-margin-bottom: $line-height-computed !default;
348
+ // $navbar-border-radius: $border-radius-base !default;
349
+ // $navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
350
+ // $navbar-padding-vertical: (($navbar-height - $line-height-computed) / 2) !default;
351
+ // $navbar-collapse-max-height: 340px !default;
352
+
353
+ // $navbar-default-color: #777 !default;
354
+ // $navbar-default-bg: #f8f8f8 !default;
355
+ // $navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
356
+
357
+ // Navbar links
358
+ // $navbar-default-link-color: #777 !default;
359
+ // $navbar-default-link-hover-color: #333 !default;
360
+ // $navbar-default-link-hover-bg: transparent !default;
361
+ // $navbar-default-link-active-color: #555 !default;
362
+ // $navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default;
363
+ // $navbar-default-link-disabled-color: #ccc !default;
364
+ // $navbar-default-link-disabled-bg: transparent !default;
365
+
366
+ // Navbar brand label
367
+ // $navbar-default-brand-color: $navbar-default-link-color !default;
368
+ // $navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default;
369
+ // $navbar-default-brand-hover-bg: transparent !default;
370
+
371
+ // Navbar toggle
372
+ // $navbar-default-toggle-hover-bg: #ddd !default;
373
+ // $navbar-default-toggle-icon-bar-bg: #888 !default;
374
+ // $navbar-default-toggle-border-color: #ddd !default;
375
+
376
+
377
+ // Inverted navbar
378
+ // Reset inverted navbar basics
379
+ // $navbar-inverse-color: $gray-light !default;
380
+ // $navbar-inverse-bg: #222 !default;
381
+ // $navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;
382
+
383
+ // Inverted navbar links
384
+ // $navbar-inverse-link-color: $gray-light !default;
385
+ // $navbar-inverse-link-hover-color: #fff !default;
386
+ // $navbar-inverse-link-hover-bg: transparent !default;
387
+ // $navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;
388
+ // $navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default;
389
+ // $navbar-inverse-link-disabled-color: #444 !default;
390
+ // $navbar-inverse-link-disabled-bg: transparent !default;
391
+
392
+ // Inverted navbar brand label
393
+ // $navbar-inverse-brand-color: $navbar-inverse-link-color !default;
394
+ // $navbar-inverse-brand-hover-color: #fff !default;
395
+ // $navbar-inverse-brand-hover-bg: transparent !default;
396
+
397
+ // Inverted navbar toggle
398
+ // $navbar-inverse-toggle-hover-bg: #333 !default;
399
+ // $navbar-inverse-toggle-icon-bar-bg: #fff !default;
400
+ // $navbar-inverse-toggle-border-color: #333 !default;
401
+
402
+
403
+ //== Navs
404
+ //
405
+ //##
406
+
407
+ //=== Shared nav styles
408
+ // $nav-link-padding: 10px 15px !default;
409
+ // $nav-link-hover-bg: $gray-lighter !default;
410
+
411
+ // $nav-disabled-link-color: $gray-light !default;
412
+ // $nav-disabled-link-hover-color: $gray-light !default;
413
+
414
+ // $nav-open-link-hover-color: #fff !default;
415
+
416
+ //== Tabs
417
+ // $nav-tabs-border-color: #ddd !default;
418
+
419
+ // $nav-tabs-link-hover-border-color: $gray-lighter !default;
420
+
421
+ // $nav-tabs-active-link-hover-bg: $body-bg !default;
422
+ // $nav-tabs-active-link-hover-color: $gray !default;
423
+ // $nav-tabs-active-link-hover-border-color: #ddd !default;
424
+
425
+ // $nav-tabs-justified-link-border-color: #ddd !default;
426
+ // $nav-tabs-justified-active-link-border-color: $body-bg !default;
427
+
428
+ //== Pills
429
+ // $nav-pills-border-radius: $border-radius-base !default;
430
+ // $nav-pills-active-link-hover-bg: $component-active-bg !default;
431
+ // $nav-pills-active-link-hover-color: $component-active-color !default;
432
+
433
+
434
+ //== Pagination
435
+ //
436
+ //##
437
+
438
+ // $pagination-color: $link-color !default;
439
+ // $pagination-bg: #fff !default;
440
+ // $pagination-border: #ddd !default;
441
+
442
+ // $pagination-hover-color: $link-hover-color !default;
443
+ // $pagination-hover-bg: $gray-lighter !default;
444
+ // $pagination-hover-border: #ddd !default;
445
+
446
+ // $pagination-active-color: #fff !default;
447
+ // $pagination-active-bg: $brand-primary !default;
448
+ // $pagination-active-border: $brand-primary !default;
449
+
450
+ // $pagination-disabled-color: $gray-light !default;
451
+ // $pagination-disabled-bg: #fff !default;
452
+ // $pagination-disabled-border: #ddd !default;
453
+
454
+
455
+ //== Pager
456
+ //
457
+ //##
458
+
459
+ // $pager-bg: $pagination-bg !default;
460
+ // $pager-border: $pagination-border !default;
461
+ // $pager-border-radius: 15px !default;
462
+
463
+ // $pager-hover-bg: $pagination-hover-bg !default;
464
+
465
+ // $pager-active-bg: $pagination-active-bg !default;
466
+ // $pager-active-color: $pagination-active-color !default;
467
+
468
+ // $pager-disabled-color: $pagination-disabled-color !default;
469
+
470
+
471
+ //== Jumbotron
472
+ //
473
+ //##
474
+
475
+ // $jumbotron-padding: 30px !default;
476
+ // $jumbotron-color: inherit !default;
477
+ // $jumbotron-bg: $gray-lighter !default;
478
+ // $jumbotron-heading-color: inherit !default;
479
+ // $jumbotron-font-size: ceil(($font-size-base * 1.5)) !default;
480
+
481
+
482
+ //== Form states and alerts
483
+ //
484
+ //## Define colors for form feedback states and, by default, alerts.
485
+
486
+ // $state-success-text: #3c763d !default;
487
+ // $state-success-bg: #dff0d8 !default;
488
+ // $state-success-border: darken(adjust-hue($state-success-bg, -10), 5%) !default;
489
+
490
+ // $state-info-text: #31708f !default;
491
+ // $state-info-bg: #d9edf7 !default;
492
+ // $state-info-border: darken(adjust-hue($state-info-bg, -10), 7%) !default;
493
+
494
+ // $state-warning-text: #8a6d3b !default;
495
+ // $state-warning-bg: #fcf8e3 !default;
496
+ // $state-warning-border: darken(adjust-hue($state-warning-bg, -10), 5%) !default;
497
+
498
+ // $state-danger-text: #a94442 !default;
499
+ // $state-danger-bg: #f2dede !default;
500
+ // $state-danger-border: darken(adjust-hue($state-danger-bg, -10), 5%) !default;
501
+
502
+
503
+ //== Tooltips
504
+ //
505
+ //##
506
+
507
+ //** Tooltip max width
508
+ // $tooltip-max-width: 200px !default;
509
+ //** Tooltip text color
510
+ // $tooltip-color: #fff !default;
511
+ //** Tooltip background color
512
+ // $tooltip-bg: #000 !default;
513
+ // $tooltip-opacity: .9 !default;
514
+
515
+ //** Tooltip arrow width
516
+ // $tooltip-arrow-width: 5px !default;
517
+ //** Tooltip arrow color
518
+ // $tooltip-arrow-color: $tooltip-bg !default;
519
+
520
+
521
+ //== Popovers
522
+ //
523
+ //##
524
+
525
+ //** Popover body background color
526
+ // $popover-bg: #fff !default;
527
+ //** Popover maximum width
528
+ // $popover-max-width: 276px !default;
529
+ //** Popover border color
530
+ // $popover-border-color: rgba(0,0,0,.2) !default;
531
+ //** Popover fallback border color
532
+ // $popover-fallback-border-color: #ccc !default;
533
+
534
+ //** Popover title background color
535
+ // $popover-title-bg: darken($popover-bg, 3%) !default;
536
+
537
+ //** Popover arrow width
538
+ // $popover-arrow-width: 10px !default;
539
+ //** Popover arrow color
540
+ // $popover-arrow-color: #fff !default;
541
+
542
+ //** Popover outer arrow width
543
+ // $popover-arrow-outer-width: ($popover-arrow-width + 1) !default;
544
+ //** Popover outer arrow color
545
+ // $popover-arrow-outer-color: fade_in($popover-border-color, 0.05) !default;
546
+ //** Popover outer arrow fallback color
547
+ // $popover-arrow-outer-fallback-color: darken($popover-fallback-border-color, 20%) !default;
548
+
549
+
550
+ //== Labels
551
+ //
552
+ //##
553
+
554
+ //** Default label background color
555
+ // $label-default-bg: $gray-light !default;
556
+ //** Primary label background color
557
+ // $label-primary-bg: $brand-primary !default;
558
+ //** Success label background color
559
+ // $label-success-bg: $brand-success !default;
560
+ //** Info label background color
561
+ // $label-info-bg: $brand-info !default;
562
+ //** Warning label background color
563
+ // $label-warning-bg: $brand-warning !default;
564
+ //** Danger label background color
565
+ // $label-danger-bg: $brand-danger !default;
566
+
567
+ //** Default label text color
568
+ // $label-color: #fff !default;
569
+ //** Default text color of a linked label
570
+ // $label-link-hover-color: #fff !default;
571
+
572
+
573
+ //== Modals
574
+ //
575
+ //##
576
+
577
+ //** Padding applied to the modal body
578
+ // $modal-inner-padding: 15px !default;
579
+
580
+ //** Padding applied to the modal title
581
+ // $modal-title-padding: 15px !default;
582
+ //** Modal title line-height
583
+ // $modal-title-line-height: $line-height-base !default;
584
+
585
+ //** Background color of modal content area
586
+ // $modal-content-bg: #fff !default;
587
+ //** Modal content border color
588
+ // $modal-content-border-color: rgba(0,0,0,.2) !default;
589
+ //** Modal content border color **for IE8**
590
+ // $modal-content-fallback-border-color: #999 !default;
591
+
592
+ //** Modal backdrop background color
593
+ // $modal-backdrop-bg: #000 !default;
594
+ //** Modal backdrop opacity
595
+ // $modal-backdrop-opacity: .5 !default;
596
+ //** Modal header border color
597
+ // $modal-header-border-color: #e5e5e5 !default;
598
+ //** Modal footer border color
599
+ // $modal-footer-border-color: $modal-header-border-color !default;
600
+
601
+ // $modal-lg: 900px !default;
602
+ // $modal-md: 600px !default;
603
+ // $modal-sm: 300px !default;
604
+
605
+
606
+ //== Alerts
607
+ //
608
+ //## Define alert colors, border radius, and padding.
609
+
610
+ // $alert-padding: 15px !default;
611
+ // $alert-border-radius: $border-radius-base !default;
612
+ // $alert-link-font-weight: bold !default;
613
+
614
+ // $alert-success-bg: $state-success-bg !default;
615
+ // $alert-success-text: $state-success-text !default;
616
+ // $alert-success-border: $state-success-border !default;
617
+
618
+ // $alert-info-bg: $state-info-bg !default;
619
+ // $alert-info-text: $state-info-text !default;
620
+ // $alert-info-border: $state-info-border !default;
621
+
622
+ // $alert-warning-bg: $state-warning-bg !default;
623
+ // $alert-warning-text: $state-warning-text !default;
624
+ // $alert-warning-border: $state-warning-border !default;
625
+
626
+ // $alert-danger-bg: $state-danger-bg !default;
627
+ // $alert-danger-text: $state-danger-text !default;
628
+ // $alert-danger-border: $state-danger-border !default;
629
+
630
+
631
+ //== Progress bars
632
+ //
633
+ //##
634
+
635
+ //** Background color of the whole progress component
636
+ // $progress-bg: #f5f5f5 !default;
637
+ //** Progress bar text color
638
+ // $progress-bar-color: #fff !default;
639
+
640
+ //** Default progress bar color
641
+ // $progress-bar-bg: $brand-primary !default;
642
+ //** Success progress bar color
643
+ // $progress-bar-success-bg: $brand-success !default;
644
+ //** Warning progress bar color
645
+ // $progress-bar-warning-bg: $brand-warning !default;
646
+ //** Danger progress bar color
647
+ // $progress-bar-danger-bg: $brand-danger !default;
648
+ //** Info progress bar color
649
+ // $progress-bar-info-bg: $brand-info !default;
650
+
651
+
652
+ //== List group
653
+ //
654
+ //##
655
+
656
+ //** Background color on `.list-group-item`
657
+ // $list-group-bg: #fff !default;
658
+ //** `.list-group-item` border color
659
+ // $list-group-border: #ddd !default;
660
+ //** List group border radius
661
+ // $list-group-border-radius: $border-radius-base !default;
662
+
663
+ //** Background color of single list items on hover
664
+ // $list-group-hover-bg: #f5f5f5 !default;
665
+ //** Text color of active list items
666
+ // $list-group-active-color: $component-active-color !default;
667
+ //** Background color of active list items
668
+ // $list-group-active-bg: $component-active-bg !default;
669
+ //** Border color of active list elements
670
+ // $list-group-active-border: $list-group-active-bg !default;
671
+ //** Text color for content within active list items
672
+ // $list-group-active-text-color: lighten($list-group-active-bg, 40%) !default;
673
+
674
+ //** Text color of disabled list items
675
+ // $list-group-disabled-color: $gray-light !default;
676
+ //** Background color of disabled list items
677
+ // $list-group-disabled-bg: $gray-lighter !default;
678
+ //** Text color for content within disabled list items
679
+ // $list-group-disabled-text-color: $list-group-disabled-color !default;
680
+
681
+ // $list-group-link-color: #555 !default;
682
+ // $list-group-link-hover-color: $list-group-link-color !default;
683
+ // $list-group-link-heading-color: #333 !default;
684
+
685
+
686
+ //== Panels
687
+ //
688
+ //##
689
+
690
+ // $panel-bg: #fff !default;
691
+ // $panel-body-padding: 15px !default;
692
+ // $panel-heading-padding: 10px 15px !default;
693
+ // $panel-footer-padding: $panel-heading-padding !default;
694
+ // $panel-border-radius: $border-radius-base !default;
695
+
696
+ //** Border color for elements within panels
697
+ // $panel-inner-border: #ddd !default;
698
+ // $panel-footer-bg: #f5f5f5 !default;
699
+
700
+ // $panel-default-text: $gray-dark !default;
701
+ // $panel-default-border: #ddd !default;
702
+ // $panel-default-heading-bg: #f5f5f5 !default;
703
+
704
+ // $panel-primary-text: #fff !default;
705
+ // $panel-primary-border: $brand-primary !default;
706
+ // $panel-primary-heading-bg: $brand-primary !default;
707
+
708
+ // $panel-success-text: $state-success-text !default;
709
+ // $panel-success-border: $state-success-border !default;
710
+ // $panel-success-heading-bg: $state-success-bg !default;
711
+
712
+ // $panel-info-text: $state-info-text !default;
713
+ // $panel-info-border: $state-info-border !default;
714
+ // $panel-info-heading-bg: $state-info-bg !default;
715
+
716
+ // $panel-warning-text: $state-warning-text !default;
717
+ // $panel-warning-border: $state-warning-border !default;
718
+ // $panel-warning-heading-bg: $state-warning-bg !default;
719
+
720
+ // $panel-danger-text: $state-danger-text !default;
721
+ // $panel-danger-border: $state-danger-border !default;
722
+ // $panel-danger-heading-bg: $state-danger-bg !default;
723
+
724
+
725
+ //== Thumbnails
726
+ //
727
+ //##
728
+
729
+ //** Padding around the thumbnail image
730
+ // $thumbnail-padding: 4px !default;
731
+ //** Thumbnail background color
732
+ // $thumbnail-bg: $body-bg !default;
733
+ //** Thumbnail border color
734
+ // $thumbnail-border: #ddd !default;
735
+ //** Thumbnail border radius
736
+ // $thumbnail-border-radius: $border-radius-base !default;
737
+
738
+ //** Custom text color for thumbnail captions
739
+ // $thumbnail-caption-color: $text-color !default;
740
+ //** Padding around the thumbnail caption
741
+ // $thumbnail-caption-padding: 9px !default;
742
+
743
+
744
+ //== Wells
745
+ //
746
+ //##
747
+
748
+ // $well-bg: #f5f5f5 !default;
749
+ // $well-border: darken($well-bg, 7%) !default;
750
+
751
+
752
+ //== Badges
753
+ //
754
+ //##
755
+
756
+ // $badge-color: #fff !default;
757
+ //** Linked badge text color on hover
758
+ // $badge-link-hover-color: #fff !default;
759
+ // $badge-bg: $gray-light !default;
760
+
761
+ //** Badge text color in active nav link
762
+ // $badge-active-color: $link-color !default;
763
+ //** Badge background color in active nav link
764
+ // $badge-active-bg: #fff !default;
765
+
766
+ // $badge-font-weight: bold !default;
767
+ // $badge-line-height: 1 !default;
768
+ // $badge-border-radius: 10px !default;
769
+
770
+
771
+ //== Breadcrumbs
772
+ //
773
+ //##
774
+
775
+ // $breadcrumb-padding-vertical: 8px !default;
776
+ // $breadcrumb-padding-horizontal: 15px !default;
777
+ //** Breadcrumb background color
778
+ // $breadcrumb-bg: #f5f5f5 !default;
779
+ //** Breadcrumb text color
780
+ // $breadcrumb-color: #ccc !default;
781
+ //** Text color of current page in the breadcrumb
782
+ // $breadcrumb-active-color: $gray-light !default;
783
+ //** Textual separator for between breadcrumb elements
784
+ // $breadcrumb-separator: "/" !default;
785
+
786
+
787
+ //== Carousel
788
+ //
789
+ //##
790
+
791
+ // $carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default;
792
+
793
+ // $carousel-control-color: #fff !default;
794
+ // $carousel-control-width: 15% !default;
795
+ // $carousel-control-opacity: .5 !default;
796
+ // $carousel-control-font-size: 20px !default;
797
+
798
+ // $carousel-indicator-active-bg: #fff !default;
799
+ // $carousel-indicator-border-color: #fff !default;
800
+
801
+ // $carousel-caption-color: #fff !default;
802
+
803
+
804
+ //== Close
805
+ //
806
+ //##
807
+
808
+ // $close-font-weight: bold !default;
809
+ // $close-color: #000 !default;
810
+ // $close-text-shadow: 0 1px 0 #fff !default;
811
+
812
+
813
+ //== Code
814
+ //
815
+ //##
816
+
817
+ // $code-color: #c7254e !default;
818
+ // $code-bg: #f9f2f4 !default;
819
+
820
+ // $kbd-color: #fff !default;
821
+ // $kbd-bg: #333 !default;
822
+
823
+ // $pre-bg: #f5f5f5 !default;
824
+ // $pre-color: $gray-dark !default;
825
+ // $pre-border-color: #ccc !default;
826
+ // $pre-scrollable-max-height: 340px !default;
827
+
828
+
829
+ //== Type
830
+ //
831
+ //##
832
+
833
+ //** Horizontal offset for forms and lists.
834
+ // $component-offset-horizontal: 180px !default;
835
+ //** Text muted color
836
+ // $text-muted: $gray-light !default;
837
+ //** Abbreviations and acronyms border color
838
+ // $abbr-border-color: $gray-light !default;
839
+ //** Headings small color
840
+ // $headings-small-color: $gray-light !default;
841
+ //** Blockquote small color
842
+ // $blockquote-small-color: $gray-light !default;
843
+ //** Blockquote font size
844
+ // $blockquote-font-size: ($font-size-base * 1.25) !default;
845
+ //** Blockquote border color
846
+ // $blockquote-border-color: $gray-lighter !default;
847
+ //** Page header border color
848
+ // $page-header-border-color: $gray-lighter !default;
849
+ //** Width of horizontal description list titles
850
+ // $dl-horizontal-offset: $component-offset-horizontal !default;
851
+ //** Horizontal line color.
852
+ // $hr-border: $gray-lighter !default;