bootstrap 4.0.0.alpha5 → 4.0.0.alpha6

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 (85) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +7 -4
  3. data/assets/javascripts/bootstrap.js +312 -207
  4. data/assets/javascripts/bootstrap.min.js +4 -4
  5. data/assets/javascripts/bootstrap/alert.js +9 -5
  6. data/assets/javascripts/bootstrap/button.js +5 -5
  7. data/assets/javascripts/bootstrap/carousel.js +52 -28
  8. data/assets/javascripts/bootstrap/collapse.js +19 -11
  9. data/assets/javascripts/bootstrap/dropdown.js +21 -19
  10. data/assets/javascripts/bootstrap/modal.js +69 -43
  11. data/assets/javascripts/bootstrap/popover.js +4 -4
  12. data/assets/javascripts/bootstrap/scrollspy.js +20 -11
  13. data/assets/javascripts/bootstrap/tab.js +19 -14
  14. data/assets/javascripts/bootstrap/tooltip.js +54 -22
  15. data/assets/javascripts/bootstrap/util.js +7 -12
  16. data/assets/stylesheets/_bootstrap-grid.scss +23 -3
  17. data/assets/stylesheets/_bootstrap-reboot.scss +2 -3
  18. data/assets/stylesheets/_bootstrap.scss +6 -6
  19. data/assets/stylesheets/bootstrap/_alert.scss +3 -4
  20. data/assets/stylesheets/bootstrap/_badge.scss +77 -0
  21. data/assets/stylesheets/bootstrap/_button-group.scss +18 -51
  22. data/assets/stylesheets/bootstrap/_buttons.scss +14 -20
  23. data/assets/stylesheets/bootstrap/_card.scss +30 -76
  24. data/assets/stylesheets/bootstrap/_carousel.scss +96 -171
  25. data/assets/stylesheets/bootstrap/_close.scss +3 -3
  26. data/assets/stylesheets/bootstrap/_code.scss +7 -0
  27. data/assets/stylesheets/bootstrap/_custom-forms.scss +13 -12
  28. data/assets/stylesheets/bootstrap/_dropdown.scss +17 -36
  29. data/assets/stylesheets/bootstrap/_forms.scss +61 -47
  30. data/assets/stylesheets/bootstrap/_grid.scss +13 -0
  31. data/assets/stylesheets/bootstrap/_images.scss +2 -2
  32. data/assets/stylesheets/bootstrap/_input-group.scss +17 -27
  33. data/assets/stylesheets/bootstrap/_list-group.scss +79 -63
  34. data/assets/stylesheets/bootstrap/_media.scss +5 -78
  35. data/assets/stylesheets/bootstrap/_mixins.scss +8 -5
  36. data/assets/stylesheets/bootstrap/_modal.scss +21 -13
  37. data/assets/stylesheets/bootstrap/_nav.scss +30 -68
  38. data/assets/stylesheets/bootstrap/_navbar.scss +131 -178
  39. data/assets/stylesheets/bootstrap/_normalize.scss +133 -94
  40. data/assets/stylesheets/bootstrap/_pagination.scss +16 -22
  41. data/assets/stylesheets/bootstrap/_popover.scss +3 -3
  42. data/assets/stylesheets/bootstrap/_print.scss +5 -8
  43. data/assets/stylesheets/bootstrap/_progress.scss +14 -127
  44. data/assets/stylesheets/bootstrap/_reboot.scss +16 -15
  45. data/assets/stylesheets/bootstrap/_responsive-embed.scss +18 -5
  46. data/assets/stylesheets/bootstrap/_tables.scss +13 -56
  47. data/assets/stylesheets/bootstrap/_tooltip.scss +1 -1
  48. data/assets/stylesheets/bootstrap/{_animation.scss → _transitions.scss} +6 -8
  49. data/assets/stylesheets/bootstrap/_type.scss +5 -12
  50. data/assets/stylesheets/bootstrap/_utilities.scss +2 -0
  51. data/assets/stylesheets/bootstrap/_variables.scss +320 -216
  52. data/assets/stylesheets/bootstrap/mixins/{_tag.scss → _badge.scss} +2 -2
  53. data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +25 -16
  54. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +31 -58
  55. data/assets/stylesheets/bootstrap/mixins/_cards.scss +3 -0
  56. data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +1 -1
  57. data/assets/stylesheets/bootstrap/mixins/_float.scss +3 -0
  58. data/assets/stylesheets/bootstrap/mixins/_forms.scss +3 -5
  59. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +1 -7
  60. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +19 -23
  61. data/assets/stylesheets/bootstrap/mixins/_grid.scss +19 -26
  62. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +3 -5
  63. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +1 -1
  64. data/assets/stylesheets/bootstrap/mixins/_transforms.scss +14 -0
  65. data/assets/stylesheets/bootstrap/mixins/_visibility.scss +5 -0
  66. data/assets/stylesheets/bootstrap/utilities/_align.scss +5 -5
  67. data/assets/stylesheets/bootstrap/utilities/_background.scss +1 -1
  68. data/assets/stylesheets/bootstrap/utilities/_borders.scss +10 -3
  69. data/assets/stylesheets/bootstrap/utilities/_display.scss +13 -8
  70. data/assets/stylesheets/bootstrap/utilities/_flex.scss +42 -31
  71. data/assets/stylesheets/bootstrap/utilities/_float.scss +5 -9
  72. data/assets/stylesheets/bootstrap/utilities/_position.scss +23 -0
  73. data/assets/stylesheets/bootstrap/utilities/_sizing.scss +10 -0
  74. data/assets/stylesheets/bootstrap/utilities/_spacing.scss +36 -37
  75. data/assets/stylesheets/bootstrap/utilities/_text.scss +14 -12
  76. data/assets/stylesheets/bootstrap/utilities/_visibility.scss +1 -1
  77. data/lib/bootstrap/version.rb +2 -2
  78. data/tasks/updater/scss.rb +3 -5
  79. data/templates/project/_bootstrap-variables.scss +321 -217
  80. metadata +10 -10
  81. data/assets/stylesheets/_bootstrap-flex.scss +0 -8
  82. data/assets/stylesheets/bootstrap/_tags.scss +0 -77
  83. data/assets/stylesheets/bootstrap/mixins/_progress.scss +0 -23
  84. data/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +0 -8
  85. data/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +0 -9
@@ -1,11 +1,15 @@
1
- /*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
1
+ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
2
2
 
3
3
  //
4
4
  // 1. Change the default font family in all browsers (opinionated).
5
5
  // 2. Correct the line height in all browsers.
6
- // 3. Prevent adjustments of font size after orientation changes in IE and iOS.
6
+ // 3. Prevent adjustments of font size after orientation changes in
7
+ // IE on Windows Phone and in iOS.
7
8
  //
8
9
 
10
+ // Document
11
+ // ==========================================================================
12
+
9
13
  html {
10
14
  font-family: sans-serif; // 1
11
15
  line-height: 1.15; // 2
@@ -13,6 +17,9 @@ html {
13
17
  -webkit-text-size-adjust: 100%; // 3
14
18
  }
15
19
 
20
+ // Sections
21
+ // ==========================================================================
22
+
16
23
  //
17
24
  // Remove the margin in all browsers (opinionated).
18
25
  //
@@ -21,69 +28,73 @@ body {
21
28
  margin: 0;
22
29
  }
23
30
 
24
- // HTML5 display definitions
25
- // ==========================================================================
26
-
27
31
  //
28
32
  // Add the correct display in IE 9-.
29
- // 1. Add the correct display in Edge, IE, and Firefox.
30
- // 2. Add the correct display in IE.
31
33
  //
32
34
 
33
35
  article,
34
36
  aside,
35
- details, // 1
36
- figcaption,
37
- figure,
38
37
  footer,
39
38
  header,
40
- main, // 2
41
- menu,
42
39
  nav,
43
- section,
44
- summary { // 1
40
+ section {
45
41
  display: block;
46
42
  }
47
43
 
44
+ //
45
+ // Correct the font size and margin on `h1` elements within `section` and
46
+ // `article` contexts in Chrome, Firefox, and Safari.
47
+ //
48
+
49
+ h1 {
50
+ font-size: 2em;
51
+ margin: 0.67em 0;
52
+ }
53
+
54
+ // Grouping content
55
+ // ==========================================================================
56
+
48
57
  //
49
58
  // Add the correct display in IE 9-.
59
+ // 1. Add the correct display in IE.
50
60
  //
51
61
 
52
- audio,
53
- canvas,
54
- progress,
55
- video {
56
- display: inline-block;
62
+ figcaption,
63
+ figure,
64
+ main { // 1
65
+ display: block;
57
66
  }
58
67
 
59
68
  //
60
- // Add the correct display in iOS 4-7.
69
+ // Add the correct margin in IE 8.
61
70
  //
62
71
 
63
- audio:not([controls]) {
64
- display: none;
65
- height: 0;
72
+ figure {
73
+ margin: 1em 40px;
66
74
  }
67
75
 
68
76
  //
69
- // Add the correct vertical alignment in Chrome, Firefox, and Opera.
77
+ // 1. Add the correct box sizing in Firefox.
78
+ // 2. Show the overflow in Edge and IE.
70
79
  //
71
80
 
72
- progress {
73
- vertical-align: baseline;
81
+ hr {
82
+ box-sizing: content-box; // 1
83
+ height: 0; // 1
84
+ overflow: visible; // 2
74
85
  }
75
86
 
76
87
  //
77
- // Add the correct display in IE 10-.
78
- // 1. Add the correct display in IE.
88
+ // 1. Correct the inheritance and scaling of font size in all browsers.
89
+ // 2. Correct the odd `em` font sizing in all browsers.
79
90
  //
80
91
 
81
- template, // 1
82
- [hidden] {
83
- display: none;
92
+ pre {
93
+ font-family: monospace, monospace; // 1
94
+ font-size: 1em; // 2
84
95
  }
85
96
 
86
- // Links
97
+ // Text-level semantics
87
98
  // ==========================================================================
88
99
 
89
100
  //
@@ -106,9 +117,6 @@ a:hover {
106
117
  outline-width: 0;
107
118
  }
108
119
 
109
- // Text-level semantics
110
- // ==========================================================================
111
-
112
120
  //
113
121
  // 1. Remove the bottom border in Firefox 39-.
114
122
  // 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
@@ -139,21 +147,23 @@ strong {
139
147
  }
140
148
 
141
149
  //
142
- // Add the correct font style in Android 4.3-.
150
+ // 1. Correct the inheritance and scaling of font size in all browsers.
151
+ // 2. Correct the odd `em` font sizing in all browsers.
143
152
  //
144
153
 
145
- dfn {
146
- font-style: italic;
154
+ code,
155
+ kbd,
156
+ samp {
157
+ font-family: monospace, monospace; // 1
158
+ font-size: 1em; // 2
147
159
  }
148
160
 
149
161
  //
150
- // Correct the font size and margin on `h1` elements within `section` and
151
- // `article` contexts in Chrome, Firefox, and Safari.
162
+ // Add the correct font style in Android 4.3-.
152
163
  //
153
164
 
154
- h1 {
155
- font-size: 2em;
156
- margin: 0.67em 0;
165
+ dfn {
166
+ font-style: italic;
157
167
  }
158
168
 
159
169
  //
@@ -198,61 +208,44 @@ sup {
198
208
  // ==========================================================================
199
209
 
200
210
  //
201
- // Remove the border on images inside links in IE 10-.
202
- //
203
-
204
- img {
205
- border-style: none;
206
- }
207
-
208
- //
209
- // Hide the overflow in IE.
211
+ // Add the correct display in IE 9-.
210
212
  //
211
213
 
212
- svg:not(:root) {
213
- overflow: hidden;
214
+ audio,
215
+ video {
216
+ display: inline-block;
214
217
  }
215
218
 
216
- // Grouping content
217
- // ==========================================================================
218
-
219
219
  //
220
- // 1. Correct the inheritance and scaling of font size in all browsers.
221
- // 2. Correct the odd `em` font sizing in all browsers.
220
+ // Add the correct display in iOS 4-7.
222
221
  //
223
222
 
224
- code,
225
- kbd,
226
- pre,
227
- samp {
228
- font-family: monospace, monospace; // 1
229
- font-size: 1em; // 2
223
+ audio:not([controls]) {
224
+ display: none;
225
+ height: 0;
230
226
  }
231
227
 
232
228
  //
233
- // Add the correct margin in IE 8.
229
+ // Remove the border on images inside links in IE 10-.
234
230
  //
235
231
 
236
- figure {
237
- margin: 1em 40px;
232
+ img {
233
+ border-style: none;
238
234
  }
239
235
 
240
236
  //
241
- // 1. Add the correct box sizing in Firefox.
242
- // 2. Show the overflow in Edge and IE.
237
+ // Hide the overflow in IE.
243
238
  //
244
239
 
245
- hr {
246
- box-sizing: content-box; // 1
247
- height: 0; // 1
248
- overflow: visible; // 2
240
+ svg:not(:root) {
241
+ overflow: hidden;
249
242
  }
250
243
 
251
244
  // Forms
252
245
  // ==========================================================================
253
246
 
254
247
  //
255
- // 1. Change font properties to `inherit` in all browsers (opinionated).
248
+ // 1. Change the font styles in all browsers (opinionated).
256
249
  // 2. Remove the margin in Firefox and Safari.
257
250
  //
258
251
 
@@ -261,18 +254,12 @@ input,
261
254
  optgroup,
262
255
  select,
263
256
  textarea {
264
- font: inherit; // 1
257
+ font-family: sans-serif; // 1
258
+ font-size: 100%; // 1
259
+ line-height: 1.15; // 1
265
260
  margin: 0; // 2
266
261
  }
267
262
 
268
- //
269
- // Restore the font weight unset by the previous rule.
270
- //
271
-
272
- optgroup {
273
- font-weight: bold;
274
- }
275
-
276
263
  //
277
264
  // Show the overflow in IE.
278
265
  // 1. Show the overflow in Edge.
@@ -355,6 +342,16 @@ legend {
355
342
  white-space: normal; // 1
356
343
  }
357
344
 
345
+ //
346
+ // 1. Add the correct display in IE 9-.
347
+ // 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
348
+ //
349
+
350
+ progress {
351
+ display: inline-block; // 1
352
+ vertical-align: baseline; // 2
353
+ }
354
+
358
355
  //
359
356
  // Remove the default vertical scrollbar in IE.
360
357
  //
@@ -394,7 +391,7 @@ textarea {
394
391
  }
395
392
 
396
393
  //
397
- // Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
394
+ // Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
398
395
  //
399
396
 
400
397
  [type="search"]::-webkit-search-cancel-button,
@@ -402,15 +399,6 @@ textarea {
402
399
  -webkit-appearance: none;
403
400
  }
404
401
 
405
- //
406
- // Correct the text style of placeholders in Chrome, Edge, and Safari.
407
- //
408
-
409
- ::-webkit-input-placeholder {
410
- color: inherit;
411
- opacity: 0.54;
412
- }
413
-
414
402
  //
415
403
  // 1. Correct the inability to style clickable types in iOS and Safari.
416
404
  // 2. Change font properties to `inherit` in Safari.
@@ -420,3 +408,54 @@ textarea {
420
408
  -webkit-appearance: button; // 1
421
409
  font: inherit; // 2
422
410
  }
411
+
412
+ // Interactive
413
+ // ==========================================================================
414
+
415
+ //
416
+ // Add the correct display in IE 9-.
417
+ // 1. Add the correct display in Edge, IE, and Firefox.
418
+ //
419
+
420
+ details, // 1
421
+ menu {
422
+ display: block;
423
+ }
424
+
425
+ //
426
+ // Add the correct display in all browsers.
427
+ //
428
+
429
+ summary {
430
+ display: list-item;
431
+ }
432
+
433
+ // Scripting
434
+ // ==========================================================================
435
+
436
+ //
437
+ // Add the correct display in IE 9-.
438
+ //
439
+
440
+ canvas {
441
+ display: inline-block;
442
+ }
443
+
444
+ //
445
+ // Add the correct display in IE.
446
+ //
447
+
448
+ template {
449
+ display: none;
450
+ }
451
+
452
+ // Hidden
453
+ // ==========================================================================
454
+
455
+ //
456
+ // Add the correct display in IE 10-.
457
+ //
458
+
459
+ [hidden] {
460
+ display: none;
461
+ }
@@ -1,14 +1,12 @@
1
1
  .pagination {
2
- display: inline-block;
3
- padding-left: 0;
4
- margin-top: $spacer-y;
5
- margin-bottom: $spacer-y;
2
+ display: flex;
3
+ // 1-2: Disable browser default list styles
4
+ padding-left: 0; // 1
5
+ list-style: none; // 2
6
6
  @include border-radius();
7
7
  }
8
8
 
9
9
  .page-item {
10
- display: inline; // Remove list-style and block-level defaults
11
-
12
10
  &:first-child {
13
11
  .page-link {
14
12
  margin-left: 0;
@@ -22,38 +20,34 @@
22
20
  }
23
21
 
24
22
  &.active .page-link {
25
- @include plain-hover-focus {
26
- z-index: 2;
27
- color: $pagination-active-color;
28
- cursor: default;
29
- background-color: $pagination-active-bg;
30
- border-color: $pagination-active-border;
31
- }
23
+ z-index: 2;
24
+ color: $pagination-active-color;
25
+ background-color: $pagination-active-bg;
26
+ border-color: $pagination-active-border;
32
27
  }
33
28
 
34
29
  &.disabled .page-link {
35
- @include plain-hover-focus {
36
- color: $pagination-disabled-color;
37
- pointer-events: none;
38
- cursor: $cursor-disabled;
39
- background-color: $pagination-disabled-bg;
40
- border-color: $pagination-disabled-border;
41
- }
30
+ color: $pagination-disabled-color;
31
+ pointer-events: none;
32
+ cursor: $cursor-disabled; // While `pointer-events: none` removes the cursor in modern browsers, we provide a disabled cursor as a fallback.
33
+ background-color: $pagination-disabled-bg;
34
+ border-color: $pagination-disabled-border;
42
35
  }
43
36
  }
44
37
 
45
38
  .page-link {
46
39
  position: relative;
47
- float: left; // Collapse white-space
40
+ display: block;
48
41
  padding: $pagination-padding-y $pagination-padding-x;
49
42
  margin-left: -1px;
43
+ line-height: $pagination-line-height;
50
44
  color: $pagination-color;
51
- text-decoration: none;
52
45
  background-color: $pagination-bg;
53
46
  border: $pagination-border-width solid $pagination-border-color;
54
47
 
55
48
  @include hover-focus {
56
49
  color: $pagination-hover-color;
50
+ text-decoration: none;
57
51
  background-color: $pagination-hover-bg;
58
52
  border-color: $pagination-hover-border;
59
53
  }
@@ -130,12 +130,12 @@
130
130
  // Offset the popover to account for the popover arrow
131
131
  .popover-title {
132
132
  padding: $popover-title-padding-y $popover-title-padding-x;
133
- margin: 0; // reset heading margin
133
+ margin-bottom: 0; // Reset the default from Reboot
134
134
  font-size: $font-size-base;
135
135
  background-color: $popover-title-bg;
136
136
  border-bottom: $popover-border-width solid darken($popover-title-bg, 5%);
137
- $offset-border-width: ($border-width / $font-size-root);
138
- @include border-radius(($border-radius-lg - $offset-border-width) ($border-radius-lg - $offset-border-width) 0 0);
137
+ $offset-border-width: calc(#{$border-radius-lg} - #{$popover-border-width});
138
+ @include border-top-radius($offset-border-width);
139
139
 
140
140
  &:empty {
141
141
  display: none;
@@ -13,7 +13,10 @@
13
13
  *,
14
14
  *::before,
15
15
  *::after,
16
- *::first-letter,
16
+ p::first-letter,
17
+ div::first-letter,
18
+ blockquote::first-letter,
19
+ li::first-letter,
17
20
  p::first-line,
18
21
  div::first-line,
19
22
  blockquote::first-line,
@@ -92,13 +95,7 @@
92
95
  .navbar {
93
96
  display: none;
94
97
  }
95
- .btn,
96
- .dropup > .btn {
97
- > .caret {
98
- border-top-color: #000 !important;
99
- }
100
- }
101
- .tag {
98
+ .badge {
102
99
  border: $border-width solid #000;
103
100
  }
104
101