bootstrap 4.0.0.beta → 4.0.0.beta2

Sign up to get free protection for your applications and to get access to all the features.

Potentially problematic release.


This version of bootstrap might be problematic. Click here for more details.

Files changed (90) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/Gemfile +1 -1
  4. data/README.md +10 -43
  5. data/Rakefile +1 -1
  6. data/assets/javascripts/bootstrap-sprockets.js +5 -5
  7. data/assets/javascripts/bootstrap.js +1561 -1542
  8. data/assets/javascripts/bootstrap.min.js +6 -5
  9. data/assets/javascripts/bootstrap/alert.js +31 -38
  10. data/assets/javascripts/bootstrap/button.js +23 -30
  11. data/assets/javascripts/bootstrap/carousel.js +72 -81
  12. data/assets/javascripts/bootstrap/collapse.js +72 -68
  13. data/assets/javascripts/bootstrap/dropdown.js +97 -85
  14. data/assets/javascripts/bootstrap/modal.js +104 -101
  15. data/assets/javascripts/bootstrap/popover.js +55 -68
  16. data/assets/javascripts/bootstrap/scrollspy.js +63 -68
  17. data/assets/javascripts/bootstrap/tab.js +54 -49
  18. data/assets/javascripts/bootstrap/tooltip.js +102 -116
  19. data/assets/javascripts/bootstrap/util.js +20 -30
  20. data/assets/stylesheets/_bootstrap-grid.scss +7 -9
  21. data/assets/stylesheets/_bootstrap-reboot.scss +7 -4
  22. data/assets/stylesheets/_bootstrap.scss +2 -1
  23. data/assets/stylesheets/bootstrap/_alert.scss +4 -3
  24. data/assets/stylesheets/bootstrap/_badge.scss +1 -2
  25. data/assets/stylesheets/bootstrap/_breadcrumb.scss +4 -4
  26. data/assets/stylesheets/bootstrap/_button-group.scss +33 -24
  27. data/assets/stylesheets/bootstrap/_buttons.scss +24 -29
  28. data/assets/stylesheets/bootstrap/_card.scss +58 -22
  29. data/assets/stylesheets/bootstrap/_carousel.scss +6 -0
  30. data/assets/stylesheets/bootstrap/_close.scss +2 -2
  31. data/assets/stylesheets/bootstrap/_custom-forms.scss +11 -8
  32. data/assets/stylesheets/bootstrap/_dropdown.scss +16 -41
  33. data/assets/stylesheets/bootstrap/_forms.scss +12 -44
  34. data/assets/stylesheets/bootstrap/_functions.scss +6 -10
  35. data/assets/stylesheets/bootstrap/_grid.scss +0 -1
  36. data/assets/stylesheets/bootstrap/_input-group.scss +17 -7
  37. data/assets/stylesheets/bootstrap/_mixins.scss +1 -0
  38. data/assets/stylesheets/bootstrap/_modal.scss +12 -1
  39. data/assets/stylesheets/bootstrap/_nav.scss +5 -5
  40. data/assets/stylesheets/bootstrap/_navbar.scss +27 -5
  41. data/assets/stylesheets/bootstrap/_pagination.scss +2 -4
  42. data/assets/stylesheets/bootstrap/_popover.scss +16 -17
  43. data/assets/stylesheets/bootstrap/_print.scss +2 -3
  44. data/assets/stylesheets/bootstrap/_progress.scss +4 -6
  45. data/assets/stylesheets/bootstrap/_reboot.scss +39 -16
  46. data/assets/stylesheets/bootstrap/_root.scss +19 -0
  47. data/assets/stylesheets/bootstrap/_tables.scss +40 -28
  48. data/assets/stylesheets/bootstrap/_tooltip.scss +6 -6
  49. data/assets/stylesheets/bootstrap/_transitions.scss +2 -0
  50. data/assets/stylesheets/bootstrap/_type.scss +2 -0
  51. data/assets/stylesheets/bootstrap/_variables.scss +467 -476
  52. data/assets/stylesheets/bootstrap/mixins/_alert.scss +1 -1
  53. data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +8 -0
  54. data/assets/stylesheets/bootstrap/mixins/_badge.scss +2 -2
  55. data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +18 -4
  56. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +27 -16
  57. data/assets/stylesheets/bootstrap/mixins/_caret.scss +35 -0
  58. data/assets/stylesheets/bootstrap/mixins/_float.scss +2 -0
  59. data/assets/stylesheets/bootstrap/mixins/_forms.scss +31 -4
  60. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +8 -0
  61. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +14 -1
  62. data/assets/stylesheets/bootstrap/mixins/_grid.scss +10 -5
  63. data/assets/stylesheets/bootstrap/mixins/_hover.scss +13 -12
  64. data/assets/stylesheets/bootstrap/mixins/_image.scss +3 -3
  65. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +0 -2
  66. data/assets/stylesheets/bootstrap/mixins/_navbar-align.scss +2 -1
  67. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +1 -2
  68. data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +2 -2
  69. data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +2 -0
  70. data/assets/stylesheets/bootstrap/mixins/_visibility.scss +2 -0
  71. data/assets/stylesheets/bootstrap/utilities/_align.scss +2 -0
  72. data/assets/stylesheets/bootstrap/utilities/_background.scss +16 -3
  73. data/assets/stylesheets/bootstrap/utilities/_borders.scss +5 -3
  74. data/assets/stylesheets/bootstrap/utilities/_display.scss +3 -0
  75. data/assets/stylesheets/bootstrap/utilities/_flex.scss +2 -0
  76. data/assets/stylesheets/bootstrap/utilities/_position.scss +12 -1
  77. data/assets/stylesheets/bootstrap/utilities/_sizing.scss +2 -0
  78. data/assets/stylesheets/bootstrap/utilities/_spacing.scss +24 -14
  79. data/assets/stylesheets/bootstrap/utilities/_text.scss +7 -4
  80. data/bootstrap.gemspec +2 -3
  81. data/lib/bootstrap.rb +0 -16
  82. data/lib/bootstrap/version.rb +2 -2
  83. data/tasks/updater/js.rb +31 -4
  84. data/tasks/updater/scss.rb +0 -12
  85. data/test/dummy_rails/config/application.rb +0 -1
  86. metadata +16 -27
  87. data/templates/project/_bootstrap-variables.scss +0 -834
  88. data/templates/project/manifest.rb +0 -18
  89. data/templates/project/styles.scss +0 -10
  90. data/test/compass_test.rb +0 -14
@@ -1,834 +0,0 @@
1
- // Override Bootstrap variables here (defaults from bootstrap v4.0.0-beta):
2
- //
3
- // Variables should follow the `$component-state-property-size` formula for
4
- // consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
5
-
6
- // Table of Contents
7
- //
8
- // Color system
9
- // Options
10
- // Spacing
11
- // Body
12
- // Links
13
- // Grid breakpoints
14
- // Grid containers
15
- // Grid columns
16
- // Fonts
17
- // Components
18
- // Tables
19
- // Buttons
20
- // Forms
21
- // Dropdowns
22
- // Z-index master list
23
- // Navs
24
- // Navbar
25
- // Pagination
26
- // Jumbotron
27
- // Form states and alerts
28
- // Cards
29
- // Tooltips
30
- // Popovers
31
- // Badges
32
- // Modals
33
- // Alerts
34
- // Progress bars
35
- // List group
36
- // Image thumbnails
37
- // Figures
38
- // Breadcrumbs
39
- // Carousel
40
- // Close
41
- // Code
42
-
43
-
44
- //
45
- // Color system
46
- //
47
-
48
- // $white: #fff;
49
- // $gray-100: #f8f9fa;
50
- // $gray-200: #e9ecef;
51
- // $gray-300: #dee2e6;
52
- // $gray-400: #ced4da;
53
- // $gray-500: #adb5bd;
54
- // $gray-600: #868e96;
55
- // $gray-700: #495057;
56
- // $gray-800: #343a40;
57
- // $gray-900: #212529;
58
- // $black: #000;
59
-
60
- // $grays: (
61
- // 100: $gray-100,
62
- // 200: $gray-200,
63
- // 300: $gray-300,
64
- // 400: $gray-400,
65
- // 500: $gray-500,
66
- // 600: $gray-600,
67
- // 700: $gray-700,
68
- // 800: $gray-800,
69
- // 900: $gray-900
70
- // );
71
-
72
- // $blue: #007bff;
73
- // $indigo: #6610f2;
74
- // $purple: #6f42c1;
75
- // $pink: #e83e8c;
76
- // $red: #dc3545;
77
- // $orange: #fd7e14;
78
- // $yellow: #ffc107;
79
- // $green: #28a745;
80
- // $teal: #20c997;
81
- // $cyan: #17a2b8;
82
-
83
- // $colors: (
84
- // blue: $blue,
85
- // indigo: $indigo,
86
- // purple: $purple,
87
- // pink: $pink,
88
- // red: $red,
89
- // orange: $orange,
90
- // yellow: $yellow,
91
- // green: $green,
92
- // teal: $teal,
93
- // cyan: $cyan,
94
- // white: $white,
95
- // gray: $gray-600,
96
- // gray-dark: $gray-800
97
- // );
98
-
99
- // $theme-colors: (
100
- // primary: $blue,
101
- // secondary: $gray-600,
102
- // success: $green,
103
- // info: $cyan,
104
- // warning: $yellow,
105
- // danger: $red,
106
- // light: $gray-100,
107
- // dark: $gray-800
108
- // );
109
-
110
- // Set a specific jump point for requesting color jumps
111
- // $theme-color-interval: 8%;
112
-
113
-
114
- // Options
115
- //
116
- // Quickly modify global styling by enabling or disabling optional features.
117
-
118
- // $enable-rounded: true;
119
- // $enable-shadows: false;
120
- // $enable-gradients: false;
121
- // $enable-transitions: true;
122
- // $enable-hover-media-query: false;
123
- // $enable-grid-classes: true;
124
- // $enable-print-styles: true;
125
-
126
-
127
- // Spacing
128
- //
129
- // Control the default styling of most Bootstrap elements by modifying these
130
- // variables. Mostly focused on spacing.
131
- // You can add more entries to the $spacers map, should you need more variation.
132
-
133
- // $spacer: 1rem;
134
- // $spacers: (
135
- // 0: 0,
136
- // 1: ($spacer * .25),
137
- // 2: ($spacer * .5),
138
- // 3: $spacer,
139
- // 4: ($spacer * 1.5),
140
- // 5: ($spacer * 3)
141
- // );
142
-
143
- // This variable affects the `.h-*` and `.w-*` classes.
144
- // $sizes: (
145
- // 25: 25%,
146
- // 50: 50%,
147
- // 75: 75%,
148
- // 100: 100%
149
- // );
150
-
151
- // Body
152
- //
153
- // Settings for the `<body>` element.
154
-
155
- // $body-bg: $white;
156
- // $body-color: $gray-900;
157
-
158
- // Links
159
- //
160
- // Style anchor elements.
161
-
162
- // $link-color: theme-color("primary");
163
- // $link-decoration: none;
164
- // $link-hover-color: darken($link-color, 15%);
165
- // $link-hover-decoration: underline;
166
-
167
-
168
- // Grid breakpoints
169
- //
170
- // Define the minimum dimensions at which your layout will change,
171
- // adapting to different screen sizes, for use in media queries.
172
-
173
- // $grid-breakpoints: (
174
- // xs: 0,
175
- // sm: 576px,
176
- // md: 768px,
177
- // lg: 992px,
178
- // xl: 1200px
179
- // );
180
- // @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
181
- // @include _assert-starts-at-zero($grid-breakpoints);
182
-
183
-
184
- // Grid containers
185
- //
186
- // Define the maximum width of `.container` for different screen sizes.
187
-
188
- // $container-max-widths: (
189
- // sm: 540px,
190
- // md: 720px,
191
- // lg: 960px,
192
- // xl: 1140px
193
- // );
194
- // @include _assert-ascending($container-max-widths, "$container-max-widths");
195
-
196
-
197
- // Grid columns
198
- //
199
- // Set the number of columns and specify the width of the gutters.
200
-
201
- // $grid-columns: 12;
202
- // $grid-gutter-width: 30px;
203
-
204
- // Components
205
- //
206
- // Define common padding and border radius sizes and more.
207
-
208
- // $line-height-lg: 1.5;
209
- // $line-height-sm: 1.5;
210
-
211
- // $border-width: 1px;
212
-
213
- // $border-radius: .25rem;
214
- // $border-radius-lg: .3rem;
215
- // $border-radius-sm: .2rem;
216
-
217
- // $component-active-color: $white;
218
- // $component-active-bg: theme-color("primary");
219
-
220
- // $caret-width: .3em;
221
-
222
- // $transition-base: all .2s ease-in-out;
223
- // $transition-fade: opacity .15s linear;
224
- // $transition-collapse: height .35s ease;
225
-
226
-
227
- // Fonts
228
- //
229
- // Font, line-height, and color for body text, headings, and more.
230
-
231
- // $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
232
- // $font-family-monospace: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
233
- // $font-family-base: $font-family-sans-serif;
234
-
235
- // $font-size-base: 1rem; // Assumes the browser default, typically `16px`
236
- // $font-size-lg: 1.25rem;
237
- // $font-size-sm: .875rem;
238
-
239
- // $font-weight-normal: normal;
240
- // $font-weight-bold: bold;
241
-
242
- // $font-weight-base: $font-weight-normal;
243
- // $line-height-base: 1.5;
244
-
245
- // $h1-font-size: 2.5rem;
246
- // $h2-font-size: 2rem;
247
- // $h3-font-size: 1.75rem;
248
- // $h4-font-size: 1.5rem;
249
- // $h5-font-size: 1.25rem;
250
- // $h6-font-size: 1rem;
251
-
252
- // $headings-margin-bottom: ($spacer / 2);
253
- // $headings-font-family: inherit;
254
- // $headings-font-weight: 500;
255
- // $headings-line-height: 1.1;
256
- // $headings-color: inherit;
257
-
258
- // $display1-size: 6rem;
259
- // $display2-size: 5.5rem;
260
- // $display3-size: 4.5rem;
261
- // $display4-size: 3.5rem;
262
-
263
- // $display1-weight: 300;
264
- // $display2-weight: 300;
265
- // $display3-weight: 300;
266
- // $display4-weight: 300;
267
- // $display-line-height: $headings-line-height;
268
-
269
- // $lead-font-size: 1.25rem;
270
- // $lead-font-weight: 300;
271
-
272
- // $small-font-size: 80%;
273
-
274
- // $text-muted: $gray-600;
275
-
276
- // $blockquote-small-color: $gray-600;
277
- // $blockquote-font-size: ($font-size-base * 1.25);
278
-
279
- // $hr-border-color: rgba($black,.1);
280
- // $hr-border-width: $border-width;
281
-
282
- // $mark-padding: .2em;
283
-
284
- // $dt-font-weight: $font-weight-bold;
285
-
286
- // $kbd-box-shadow: inset 0 -.1rem 0 rgba($black,.25);
287
- // $nested-kbd-font-weight: $font-weight-bold;
288
-
289
- // $list-inline-padding: 5px;
290
-
291
- // $mark-bg: #fcf8e3;
292
-
293
-
294
- // Tables
295
- //
296
- // Customizes the `.table` component with basic values, each used across all table variations.
297
-
298
- // $table-cell-padding: .75rem;
299
- // $table-cell-padding-sm: .3rem;
300
-
301
- // $table-bg: transparent;
302
- // $table-accent-bg: rgba($black,.05);
303
- // $table-hover-bg: rgba($black,.075);
304
- // $table-active-bg: $table-hover-bg;
305
-
306
- // $table-border-width: $border-width;
307
- // $table-border-color: $gray-200;
308
-
309
- // $table-head-bg: $gray-200;
310
- // $table-head-color: $gray-700;
311
-
312
- // $table-inverse-bg: $gray-900;
313
- // $table-inverse-accent-bg: rgba($white, .05);
314
- // $table-inverse-hover-bg: rgba($white, .075);
315
- // $table-inverse-border-color: lighten($gray-900, 7.5%);
316
- // $table-inverse-color: $body-bg;
317
-
318
-
319
- // Buttons
320
- //
321
- // For each of Bootstrap's buttons, define text, background and border color.
322
-
323
- // $input-btn-padding-y: .5rem;
324
- // $input-btn-padding-x: .75rem;
325
- // $input-btn-line-height: 1.25;
326
-
327
- // $input-btn-padding-y-sm: .25rem;
328
- // $input-btn-padding-x-sm: .5rem;
329
- // $input-btn-line-height-sm: 1.5;
330
-
331
- // $input-btn-padding-y-lg: .5rem;
332
- // $input-btn-padding-x-lg: 1rem;
333
- // $input-btn-line-height-lg: 1.5;
334
-
335
- // $btn-font-weight: $font-weight-normal;
336
- // $btn-box-shadow: inset 0 1px 0 rgba($white,.15), 0 1px 1px rgba($black,.075);
337
- // $btn-focus-box-shadow: 0 0 0 3px rgba(theme-color("primary"), .25);
338
- // $btn-active-box-shadow: inset 0 3px 5px rgba($black,.125);
339
-
340
- // $btn-link-disabled-color: $gray-600;
341
-
342
- // $btn-block-spacing-y: .5rem;
343
-
344
- // Allows for customizing button radius independently from global border radius
345
- // $btn-border-radius: $border-radius;
346
- // $btn-border-radius-lg: $border-radius-lg;
347
- // $btn-border-radius-sm: $border-radius-sm;
348
-
349
- // $btn-transition: all .15s ease-in-out;
350
-
351
-
352
- // Forms
353
-
354
- // $input-bg: $white;
355
- // $input-disabled-bg: $gray-200;
356
-
357
- // $input-color: $gray-700;
358
- // $input-border-color: rgba($black,.15);
359
- // $input-btn-border-width: $border-width; // For form controls and buttons
360
- // $input-box-shadow: inset 0 1px 1px rgba($black,.075);
361
-
362
- // $input-border-radius: $border-radius;
363
- // $input-border-radius-lg: $border-radius-lg;
364
- // $input-border-radius-sm: $border-radius-sm;
365
-
366
- // $input-focus-bg: $input-bg;
367
- // $input-focus-border-color: lighten(theme-color("primary"), 25%);
368
- // $input-focus-box-shadow: $input-box-shadow, $btn-focus-box-shadow;
369
- // $input-focus-color: $input-color;
370
-
371
- // $input-placeholder-color: $gray-600;
372
-
373
- // $input-height-border: $input-btn-border-width * 2;
374
-
375
- // $input-height-inner: ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2);
376
- // $input-height: calc(#{$input-height-inner} + #{$input-height-border});
377
-
378
- // $input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2);
379
- // $input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border});
380
-
381
- // $input-height-inner-lg: ($font-size-sm * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2);
382
- // $input-height-lg: calc(#{$input-height-inner-lg} + #{$input-height-border});
383
-
384
- // $input-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
385
-
386
- // $form-text-margin-top: .25rem;
387
-
388
- // $form-check-margin-bottom: .5rem;
389
- // $form-check-input-gutter: 1.25rem;
390
- // $form-check-input-margin-y: .25rem;
391
- // $form-check-input-margin-x: .25rem;
392
-
393
- // $form-check-inline-margin-x: .75rem;
394
-
395
- // $form-group-margin-bottom: 1rem;
396
-
397
- // $input-group-addon-bg: $gray-200;
398
- // $input-group-addon-border-color: $input-border-color;
399
-
400
- // $custom-control-gutter: 1.5rem;
401
- // $custom-control-spacer-y: .25rem;
402
- // $custom-control-spacer-x: 1rem;
403
-
404
- // $custom-control-indicator-size: 1rem;
405
- // $custom-control-indicator-bg: #ddd;
406
- // $custom-control-indicator-bg-size: 50% 50%;
407
- // $custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba($black,.1);
408
-
409
- // $custom-control-indicator-disabled-bg: $gray-200;
410
- // $custom-control-description-disabled-color: $gray-600;
411
-
412
- // $custom-control-indicator-checked-color: $white;
413
- // $custom-control-indicator-checked-bg: theme-color("primary");
414
- // $custom-control-indicator-checked-box-shadow: none;
415
-
416
- // $custom-control-indicator-focus-box-shadow: 0 0 0 1px $body-bg, 0 0 0 3px theme-color("primary");
417
-
418
- // $custom-control-indicator-active-color: $white;
419
- // $custom-control-indicator-active-bg: lighten(theme-color("primary"), 35%);
420
- // $custom-control-indicator-active-box-shadow: none;
421
-
422
- // $custom-checkbox-indicator-border-radius: $border-radius;
423
- // $custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23");
424
-
425
- // $custom-checkbox-indicator-indeterminate-bg: theme-color("primary");
426
- // $custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color;
427
- // $custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23");
428
- // $custom-checkbox-indicator-indeterminate-box-shadow: none;
429
-
430
- // $custom-radio-indicator-border-radius: 50%;
431
- // $custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23");
432
-
433
- // $custom-select-padding-y: .375rem;
434
- // $custom-select-padding-x: .75rem ;
435
- // $custom-select-height: $input-height ;
436
- // $custom-select-indicator-padding: 1rem; // Extra padding to account for the presence of the background-image based indicator
437
- // $custom-select-line-height: $input-btn-line-height;
438
- // $custom-select-color: $input-color;
439
- // $custom-select-disabled-color: $gray-600;
440
- // $custom-select-bg: $white;
441
- // $custom-select-disabled-bg: $gray-200;
442
- // $custom-select-bg-size: 8px 10px; // In pixels because image dimensions
443
- // $custom-select-indicator-color: #333;
444
- // $custom-select-indicator: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23");
445
- // $custom-select-border-width: $input-btn-border-width;
446
- // $custom-select-border-color: $input-border-color;
447
- // $custom-select-border-radius: $border-radius;
448
-
449
- // $custom-select-focus-border-color: lighten(theme-color("primary"), 25%);
450
- // $custom-select-focus-box-shadow: inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5);
451
-
452
- // $custom-select-font-size-sm: 75%;
453
- // $custom-select-height-sm: $input-height-sm;
454
-
455
- // $custom-file-height: 2.5rem;
456
- // $custom-file-width: 14rem;
457
- // $custom-file-focus-box-shadow: 0 0 0 .075rem $white, 0 0 0 .2rem theme-color("primary");
458
-
459
- // $custom-file-padding-y: 1rem;
460
- // $custom-file-padding-x: .5rem;
461
- // $custom-file-line-height: 1.5;
462
- // $custom-file-color: $gray-700;
463
- // $custom-file-bg: $white;
464
- // $custom-file-border-width: $border-width;
465
- // $custom-file-border-color: $input-border-color;
466
- // $custom-file-border-radius: $border-radius;
467
- // $custom-file-box-shadow: inset 0 .2rem .4rem rgba($black,.05);
468
- // $custom-file-button-color: $custom-file-color;
469
- // $custom-file-button-bg: $gray-200;
470
- // $custom-file-text: (
471
- // placeholder: (
472
- // en: "Choose file..."
473
- // ),
474
- // button-label: (
475
- // en: "Browse"
476
- // )
477
- // );
478
-
479
-
480
- // Form validation
481
- // $form-feedback-valid-color: theme-color("success");
482
- // $form-feedback-invalid-color: theme-color("danger");
483
-
484
-
485
- // Dropdowns
486
- //
487
- // Dropdown menu container and contents.
488
-
489
- // $dropdown-min-width: 10rem;
490
- // $dropdown-padding-y: .5rem;
491
- // $dropdown-spacer: .125rem;
492
- // $dropdown-bg: $white;
493
- // $dropdown-border-color: rgba($black,.15);
494
- // $dropdown-border-width: $border-width;
495
- // $dropdown-divider-bg: $gray-200;
496
- // $dropdown-box-shadow: 0 .5rem 1rem rgba($black,.175);
497
-
498
- // $dropdown-link-color: $gray-900;
499
- // $dropdown-link-hover-color: darken($gray-900, 5%);
500
- // $dropdown-link-hover-bg: $gray-100;
501
-
502
- // $dropdown-link-active-color: $component-active-color;
503
- // $dropdown-link-active-bg: $component-active-bg;
504
-
505
- // $dropdown-link-disabled-color: $gray-600;
506
-
507
- // $dropdown-item-padding-y: .25rem;
508
- // $dropdown-item-padding-x: 1.5rem;
509
-
510
- // $dropdown-header-color: $gray-600;
511
-
512
-
513
- // Z-index master list
514
- //
515
- // Warning: Avoid customizing these values. They're used for a bird's eye view
516
- // of components dependent on the z-axis and are designed to all work together.
517
-
518
- // $zindex-dropdown: 1000;
519
- // $zindex-sticky: 1020;
520
- // $zindex-fixed: 1030;
521
- // $zindex-modal-backdrop: 1040;
522
- // $zindex-modal: 1050;
523
- // $zindex-popover: 1060;
524
- // $zindex-tooltip: 1070;
525
-
526
- // Navs
527
-
528
- // $nav-link-padding-y: .5rem;
529
- // $nav-link-padding-x: 1rem;
530
- // $nav-link-disabled-color: $gray-600;
531
-
532
- // $nav-tabs-border-color: #ddd;
533
- // $nav-tabs-border-width: $border-width;
534
- // $nav-tabs-border-radius: $border-radius;
535
- // $nav-tabs-link-hover-border-color: $gray-200;
536
- // $nav-tabs-link-active-color: $gray-700;
537
- // $nav-tabs-link-active-bg: $body-bg;
538
- // $nav-tabs-link-active-border-color: #ddd;
539
-
540
- // $nav-pills-border-radius: $border-radius;
541
- // $nav-pills-link-active-color: $component-active-color;
542
- // $nav-pills-link-active-bg: $component-active-bg;
543
-
544
- // Navbar
545
-
546
- // $navbar-padding-y: ($spacer / 2);
547
- // $navbar-padding-x: $spacer;
548
-
549
- // $navbar-brand-font-size: $font-size-lg;
550
- // Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
551
- // $nav-link-height: $navbar-brand-font-size * $line-height-base;
552
- // $navbar-brand-height: ($font-size-base * $line-height-base + $nav-link-padding-y * 2);
553
- // $navbar-brand-padding-y: ($navbar-brand-height - $nav-link-height) / 2;
554
-
555
- // $navbar-toggler-padding-y: .25rem;
556
- // $navbar-toggler-padding-x: .75rem;
557
- // $navbar-toggler-font-size: $font-size-lg;
558
- // $navbar-toggler-border-radius: $btn-border-radius;
559
-
560
- // $navbar-dark-color: rgba($white,.5);
561
- // $navbar-dark-hover-color: rgba($white,.75);
562
- // $navbar-dark-active-color: rgba($white,1);
563
- // $navbar-dark-disabled-color: rgba($white,.25);
564
- // $navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23");
565
- // $navbar-dark-toggler-border-color: rgba($white,.1);
566
-
567
- // $navbar-light-color: rgba($black,.5);
568
- // $navbar-light-hover-color: rgba($black,.7);
569
- // $navbar-light-active-color: rgba($black,.9);
570
- // $navbar-light-disabled-color: rgba($black,.3);
571
- // $navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23");
572
- // $navbar-light-toggler-border-color: rgba($black,.1);
573
-
574
- // Pagination
575
-
576
- // $pagination-padding-y: .5rem;
577
- // $pagination-padding-x: .75rem;
578
- // $pagination-padding-y-sm: .25rem;
579
- // $pagination-padding-x-sm: .5rem;
580
- // $pagination-padding-y-lg: .75rem;
581
- // $pagination-padding-x-lg: 1.5rem;
582
- // $pagination-line-height: 1.25;
583
-
584
- // $pagination-color: $link-color;
585
- // $pagination-bg: $white;
586
- // $pagination-border-width: $border-width;
587
- // $pagination-border-color: #ddd;
588
-
589
- // $pagination-hover-color: $link-hover-color;
590
- // $pagination-hover-bg: $gray-200;
591
- // $pagination-hover-border-color: #ddd;
592
-
593
- // $pagination-active-color: $white;
594
- // $pagination-active-bg: theme-color("primary");
595
- // $pagination-active-border-color: theme-color("primary");
596
-
597
- // $pagination-disabled-color: $gray-600;
598
- // $pagination-disabled-bg: $white;
599
- // $pagination-disabled-border-color: #ddd;
600
-
601
-
602
- // Jumbotron
603
-
604
- // $jumbotron-padding: 2rem;
605
- // $jumbotron-bg: $gray-200;
606
-
607
-
608
- // Cards
609
-
610
- // $card-spacer-y: .75rem;
611
- // $card-spacer-x: 1.25rem;
612
- // $card-border-width: 1px;
613
- // $card-border-radius: $border-radius;
614
- // $card-border-color: rgba($black,.125);
615
- // $card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width});
616
- // $card-cap-bg: rgba($black, .03);
617
- // $card-bg: $white;
618
-
619
- // $card-img-overlay-padding: 1.25rem;
620
-
621
- // $card-deck-margin: ($grid-gutter-width / 2);
622
-
623
- // $card-columns-count: 3;
624
- // $card-columns-gap: 1.25rem;
625
- // $card-columns-margin: $card-spacer-y;
626
-
627
-
628
- // Tooltips
629
-
630
- // $tooltip-max-width: 200px;
631
- // $tooltip-color: $white;
632
- // $tooltip-bg: $black;
633
- // $tooltip-opacity: .9;
634
- // $tooltip-padding-y: 3px;
635
- // $tooltip-padding-x: 8px;
636
- // $tooltip-margin: 0;
637
-
638
-
639
- // $tooltip-arrow-width: 5px;
640
- // $tooltip-arrow-height: 5px;
641
- // $tooltip-arrow-color: $tooltip-bg;
642
-
643
-
644
- // Popovers
645
-
646
- // $popover-inner-padding: 1px;
647
- // $popover-bg: $white;
648
- // $popover-max-width: 276px;
649
- // $popover-border-width: $border-width;
650
- // $popover-border-color: rgba($black,.2);
651
- // $popover-box-shadow: 0 5px 10px rgba($black,.2);
652
-
653
- // $popover-header-bg: darken($popover-bg, 3%);
654
- // $popover-header-color: $headings-color;
655
- // $popover-header-padding-y: 8px;
656
- // $popover-header-padding-x: 14px;
657
-
658
- // $popover-body-color: $body-color;
659
- // $popover-body-padding-y: 9px;
660
- // $popover-body-padding-x: 14px;
661
-
662
- // $popover-arrow-width: 10px;
663
- // $popover-arrow-height: 5px;
664
- // $popover-arrow-color: $popover-bg;
665
-
666
- // $popover-arrow-outer-width: ($popover-arrow-width + 1px);
667
- // $popover-arrow-outer-color: fade-in($popover-border-color, .05);
668
-
669
-
670
- // Badges
671
-
672
- // $badge-color: $white;
673
- // $badge-font-size: 75%;
674
- // $badge-font-weight: $font-weight-bold;
675
- // $badge-padding-y: .25em;
676
- // $badge-padding-x: .4em;
677
-
678
- // $badge-pill-padding-x: .6em;
679
- // Use a higher than normal value to ensure completely rounded edges when
680
- // customizing padding or font-size on labels.
681
- // $badge-pill-border-radius: 10rem;
682
-
683
-
684
- // Modals
685
-
686
- // Padding applied to the modal body
687
- // $modal-inner-padding: 15px;
688
-
689
- // $modal-dialog-margin: 10px;
690
- // $modal-dialog-margin-y-sm-up: 30px;
691
-
692
- // $modal-title-line-height: $line-height-base;
693
-
694
- // $modal-content-bg: $white;
695
- // $modal-content-border-color: rgba($black,.2);
696
- // $modal-content-border-width: $border-width;
697
- // $modal-content-box-shadow-xs: 0 3px 9px rgba($black,.5);
698
- // $modal-content-box-shadow-sm-up: 0 5px 15px rgba($black,.5);
699
-
700
- // $modal-backdrop-bg: $black;
701
- // $modal-backdrop-opacity: .5;
702
- // $modal-header-border-color: $gray-200;
703
- // $modal-footer-border-color: $modal-header-border-color;
704
- // $modal-header-border-width: $modal-content-border-width;
705
- // $modal-footer-border-width: $modal-header-border-width;
706
- // $modal-header-padding: 15px;
707
-
708
- // $modal-lg: 800px;
709
- // $modal-md: 500px;
710
- // $modal-sm: 300px;
711
-
712
- // $modal-transition: transform .3s ease-out;
713
-
714
-
715
- // Alerts
716
- //
717
- // Define alert colors, border radius, and padding.
718
-
719
- // $alert-padding-y: .75rem;
720
- // $alert-padding-x: 1.25rem;
721
- // $alert-margin-bottom: 1rem;
722
- // $alert-border-radius: $border-radius;
723
- // $alert-link-font-weight: $font-weight-bold;
724
- // $alert-border-width: $border-width;
725
-
726
-
727
- // Progress bars
728
-
729
- // $progress-height: 1rem;
730
- // $progress-font-size: .75rem;
731
- // $progress-bg: $gray-200;
732
- // $progress-border-radius: $border-radius;
733
- // $progress-box-shadow: inset 0 .1rem .1rem rgba($black,.1);
734
- // $progress-bar-color: $white;
735
- // $progress-bar-bg: theme-color("primary");
736
- // $progress-bar-animation-timing: 1s linear infinite;
737
- // $progress-bar-transition: width .6s ease;
738
-
739
- // List group
740
-
741
- // $list-group-bg: $white;
742
- // $list-group-border-color: rgba($black,.125);
743
- // $list-group-border-width: $border-width;
744
- // $list-group-border-radius: $border-radius;
745
-
746
- // $list-group-item-padding-y: .75rem;
747
- // $list-group-item-padding-x: 1.25rem;
748
-
749
- // $list-group-hover-bg: $gray-100;
750
- // $list-group-active-color: $component-active-color;
751
- // $list-group-active-bg: $component-active-bg;
752
- // $list-group-active-border-color: $list-group-active-bg;
753
-
754
- // $list-group-disabled-color: $gray-600;
755
- // $list-group-disabled-bg: $list-group-bg;
756
-
757
- // $list-group-action-color: $gray-700;
758
- // $list-group-action-hover-color: $list-group-action-color;
759
-
760
- // $list-group-action-active-color: $body-color;
761
- // $list-group-action-active-bg: $gray-200;
762
-
763
-
764
- // Image thumbnails
765
-
766
- // $thumbnail-padding: .25rem;
767
- // $thumbnail-bg: $body-bg;
768
- // $thumbnail-border-width: $border-width;
769
- // $thumbnail-border-color: #ddd;
770
- // $thumbnail-border-radius: $border-radius;
771
- // $thumbnail-box-shadow: 0 1px 2px rgba($black,.075);
772
- // $thumbnail-transition: all .2s ease-in-out;
773
-
774
-
775
- // Figures
776
-
777
- // $figure-caption-font-size: 90%;
778
- // $figure-caption-color: $gray-600;
779
-
780
-
781
- // Breadcrumbs
782
-
783
- // $breadcrumb-padding-y: .75rem;
784
- // $breadcrumb-padding-x: 1rem;
785
- // $breadcrumb-item-padding: .5rem;
786
-
787
- // $breadcrumb-bg: $gray-200;
788
- // $breadcrumb-divider-color: $gray-600;
789
- // $breadcrumb-active-color: $gray-600;
790
- // $breadcrumb-divider: "/";
791
-
792
-
793
- // Carousel
794
-
795
- // $carousel-control-color: $white;
796
- // $carousel-control-width: 15%;
797
- // $carousel-control-opacity: .5;
798
-
799
- // $carousel-indicator-width: 30px;
800
- // $carousel-indicator-height: 3px;
801
- // $carousel-indicator-spacer: 3px;
802
- // $carousel-indicator-active-bg: $white;
803
-
804
- // $carousel-caption-width: 70%;
805
- // $carousel-caption-color: $white;
806
-
807
- // $carousel-control-icon-width: 20px;
808
-
809
- // $carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23");
810
- // $carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23");
811
-
812
- // $carousel-transition: transform .6s ease;
813
-
814
-
815
- // Close
816
-
817
- // $close-font-size: $font-size-base * 1.5;
818
- // $close-font-weight: $font-weight-bold;
819
- // $close-color: $black;
820
- // $close-text-shadow: 0 1px 0 $white;
821
-
822
- // Code
823
-
824
- // $code-font-size: 90%;
825
- // $code-padding-y: .2rem;
826
- // $code-padding-x: .4rem;
827
- // $code-color: #bd4147;
828
- // $code-bg: $gray-100;
829
-
830
- // $kbd-color: $white;
831
- // $kbd-bg: $gray-900;
832
-
833
- // $pre-color: $gray-900;
834
- // $pre-scrollable-max-height: 340px;