bootstrap 4.1.3 → 4.2.1
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.
- checksums.yaml +4 -4
- data/.travis.yml +1 -1
- data/README.md +1 -1
- data/Rakefile +2 -2
- data/assets/javascripts/bootstrap-sprockets.js +6 -5
- data/assets/javascripts/bootstrap.js +3290 -2985
- data/assets/javascripts/bootstrap.min.js +2 -2
- data/assets/javascripts/bootstrap/alert.js +127 -132
- data/assets/javascripts/bootstrap/button.js +119 -124
- data/assets/javascripts/bootstrap/carousel.js +492 -393
- data/assets/javascripts/bootstrap/collapse.js +276 -279
- data/assets/javascripts/bootstrap/dropdown.js +413 -374
- data/assets/javascripts/bootstrap/modal.js +455 -445
- data/assets/javascripts/bootstrap/popover.js +155 -160
- data/assets/javascripts/bootstrap/scrollspy.js +246 -250
- data/assets/javascripts/bootstrap/tab.js +180 -192
- data/assets/javascripts/bootstrap/toast.js +277 -0
- data/assets/javascripts/bootstrap/tooltip.js +533 -522
- data/assets/javascripts/bootstrap/util.js +140 -116
- data/assets/stylesheets/_bootstrap-grid.scss +2 -5
- data/assets/stylesheets/_bootstrap-reboot.scss +1 -1
- data/assets/stylesheets/_bootstrap.scss +3 -1
- data/assets/stylesheets/bootstrap/_alert.scss +1 -1
- data/assets/stylesheets/bootstrap/_badge.scss +6 -0
- data/assets/stylesheets/bootstrap/_button-group.scss +9 -18
- data/assets/stylesheets/bootstrap/_buttons.scss +7 -10
- data/assets/stylesheets/bootstrap/_card.scss +30 -21
- data/assets/stylesheets/bootstrap/_carousel.scss +36 -74
- data/assets/stylesheets/bootstrap/_close.scss +15 -6
- data/assets/stylesheets/bootstrap/_custom-forms.scss +103 -29
- data/assets/stylesheets/bootstrap/_dropdown.scss +30 -5
- data/assets/stylesheets/bootstrap/_forms.scss +12 -11
- data/assets/stylesheets/bootstrap/_functions.scss +4 -4
- data/assets/stylesheets/bootstrap/_images.scss +1 -1
- data/assets/stylesheets/bootstrap/_input-group.scss +24 -4
- data/assets/stylesheets/bootstrap/_list-group.scss +6 -0
- data/assets/stylesheets/bootstrap/_modal.scss +16 -10
- data/assets/stylesheets/bootstrap/_nav.scss +2 -0
- data/assets/stylesheets/bootstrap/_navbar.scss +4 -4
- data/assets/stylesheets/bootstrap/_popover.scss +1 -1
- data/assets/stylesheets/bootstrap/_reboot.scss +14 -35
- data/assets/stylesheets/bootstrap/_spinners.scss +53 -0
- data/assets/stylesheets/bootstrap/_tables.scss +2 -2
- data/assets/stylesheets/bootstrap/_toasts.scss +43 -0
- data/assets/stylesheets/bootstrap/_type.scss +2 -2
- data/assets/stylesheets/bootstrap/_utilities.scss +1 -0
- data/assets/stylesheets/bootstrap/_variables.scss +220 -81
- data/assets/stylesheets/bootstrap/mixins/_badge.scss +1 -2
- data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +2 -2
- data/assets/stylesheets/bootstrap/mixins/_buttons.scss +9 -7
- data/assets/stylesheets/bootstrap/mixins/_caret.scss +0 -4
- data/assets/stylesheets/bootstrap/mixins/_forms.scss +61 -10
- data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +3 -4
- data/assets/stylesheets/bootstrap/mixins/_grid.scss +9 -10
- data/assets/stylesheets/bootstrap/mixins/_table-row.scss +10 -1
- data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_transition.scss +5 -2
- data/assets/stylesheets/bootstrap/utilities/_borders.scss +4 -0
- data/assets/stylesheets/bootstrap/utilities/_embed.scss +7 -20
- data/assets/stylesheets/bootstrap/utilities/_overflow.scss +5 -0
- data/assets/stylesheets/bootstrap/utilities/_position.scss +0 -5
- data/assets/stylesheets/bootstrap/utilities/_sizing.scss +8 -0
- data/assets/stylesheets/bootstrap/utilities/_spacing.scss +23 -1
- data/assets/stylesheets/bootstrap/utilities/_text.scss +13 -4
- data/bootstrap.gemspec +6 -3
- data/lib/bootstrap.rb +10 -7
- data/lib/bootstrap/engine.rb +3 -0
- data/lib/bootstrap/version.rb +4 -2
- metadata +15 -11
@@ -33,9 +33,26 @@
|
|
33
33
|
@include box-shadow($dropdown-box-shadow);
|
34
34
|
}
|
35
35
|
|
36
|
-
|
37
|
-
|
38
|
-
|
36
|
+
@each $breakpoint in map-keys($grid-breakpoints) {
|
37
|
+
@include media-breakpoint-up($breakpoint) {
|
38
|
+
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
39
|
+
|
40
|
+
.dropdown-menu#{$infix}-right {
|
41
|
+
right: 0;
|
42
|
+
left: auto;
|
43
|
+
}
|
44
|
+
}
|
45
|
+
}
|
46
|
+
|
47
|
+
@each $breakpoint in map-keys($grid-breakpoints) {
|
48
|
+
@include media-breakpoint-up($breakpoint) {
|
49
|
+
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
50
|
+
|
51
|
+
.dropdown-menu#{$infix}-left {
|
52
|
+
right: auto;
|
53
|
+
left: 0;
|
54
|
+
}
|
55
|
+
}
|
39
56
|
}
|
40
57
|
|
41
58
|
// Allow for dropdowns to go bottom up (aka, dropup-menu)
|
@@ -88,7 +105,7 @@
|
|
88
105
|
}
|
89
106
|
|
90
107
|
// When enabled Popper.js, reset basic dropdown position
|
91
|
-
// stylelint-disable no-duplicate-selectors
|
108
|
+
// stylelint-disable-next-line no-duplicate-selectors
|
92
109
|
.dropdown-menu {
|
93
110
|
&[x-placement^="top"],
|
94
111
|
&[x-placement^="right"],
|
@@ -98,7 +115,6 @@
|
|
98
115
|
bottom: auto;
|
99
116
|
}
|
100
117
|
}
|
101
|
-
// stylelint-enable no-duplicate-selectors
|
102
118
|
|
103
119
|
// Dividers (basically an `<hr>`) within the dropdown
|
104
120
|
.dropdown-divider {
|
@@ -120,6 +136,14 @@
|
|
120
136
|
background-color: transparent; // For `<button>`s
|
121
137
|
border: 0; // For `<button>`s
|
122
138
|
|
139
|
+
&:first-child {
|
140
|
+
@include border-top-radius($dropdown-inner-border-radius);
|
141
|
+
}
|
142
|
+
|
143
|
+
&:last-child {
|
144
|
+
@include border-bottom-radius($dropdown-inner-border-radius);
|
145
|
+
}
|
146
|
+
|
123
147
|
@include hover-focus {
|
124
148
|
color: $dropdown-link-hover-color;
|
125
149
|
text-decoration: none;
|
@@ -136,6 +160,7 @@
|
|
136
160
|
&.disabled,
|
137
161
|
&:disabled {
|
138
162
|
color: $dropdown-link-disabled-color;
|
163
|
+
pointer-events: none;
|
139
164
|
background-color: transparent;
|
140
165
|
// Remove CSS gradients if they're enabled
|
141
166
|
@if $enable-gradients {
|
@@ -9,7 +9,8 @@
|
|
9
9
|
width: 100%;
|
10
10
|
height: $input-height;
|
11
11
|
padding: $input-padding-y $input-padding-x;
|
12
|
-
font-size: $font-size
|
12
|
+
font-size: $input-font-size;
|
13
|
+
font-weight: $input-font-weight;
|
13
14
|
line-height: $input-line-height;
|
14
15
|
color: $input-color;
|
15
16
|
background-color: $input-bg;
|
@@ -94,14 +95,14 @@ select.form-control {
|
|
94
95
|
.col-form-label-lg {
|
95
96
|
padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});
|
96
97
|
padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});
|
97
|
-
font-size: $font-size-lg;
|
98
|
+
font-size: $input-font-size-lg;
|
98
99
|
line-height: $input-line-height-lg;
|
99
100
|
}
|
100
101
|
|
101
102
|
.col-form-label-sm {
|
102
103
|
padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});
|
103
104
|
padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});
|
104
|
-
font-size: $font-size-sm;
|
105
|
+
font-size: $input-font-size-sm;
|
105
106
|
line-height: $input-line-height-sm;
|
106
107
|
}
|
107
108
|
|
@@ -141,7 +142,7 @@ select.form-control {
|
|
141
142
|
.form-control-sm {
|
142
143
|
height: $input-height-sm;
|
143
144
|
padding: $input-padding-y-sm $input-padding-x-sm;
|
144
|
-
font-size: $font-size-sm;
|
145
|
+
font-size: $input-font-size-sm;
|
145
146
|
line-height: $input-line-height-sm;
|
146
147
|
@include border-radius($input-border-radius-sm);
|
147
148
|
}
|
@@ -149,12 +150,12 @@ select.form-control {
|
|
149
150
|
.form-control-lg {
|
150
151
|
height: $input-height-lg;
|
151
152
|
padding: $input-padding-y-lg $input-padding-x-lg;
|
152
|
-
font-size: $font-size-lg;
|
153
|
+
font-size: $input-font-size-lg;
|
153
154
|
line-height: $input-line-height-lg;
|
154
155
|
@include border-radius($input-border-radius-lg);
|
155
156
|
}
|
156
157
|
|
157
|
-
// stylelint-disable no-duplicate-selectors
|
158
|
+
// stylelint-disable-next-line no-duplicate-selectors
|
158
159
|
select.form-control {
|
159
160
|
&[size],
|
160
161
|
&[multiple] {
|
@@ -162,10 +163,10 @@ select.form-control {
|
|
162
163
|
}
|
163
164
|
}
|
164
165
|
|
166
|
+
// stylelint-disable-next-line no-duplicate-selectors
|
165
167
|
textarea.form-control {
|
166
168
|
height: auto;
|
167
169
|
}
|
168
|
-
// stylelint-enable no-duplicate-selectors
|
169
170
|
|
170
171
|
// Form groups
|
171
172
|
//
|
@@ -189,13 +190,13 @@ textarea.form-control {
|
|
189
190
|
.form-row {
|
190
191
|
display: flex;
|
191
192
|
flex-wrap: wrap;
|
192
|
-
margin-right: -
|
193
|
-
margin-left: -
|
193
|
+
margin-right: -$form-grid-gutter-width / 2;
|
194
|
+
margin-left: -$form-grid-gutter-width / 2;
|
194
195
|
|
195
196
|
> .col,
|
196
197
|
> [class*="col-"] {
|
197
|
-
padding-right:
|
198
|
-
padding-left:
|
198
|
+
padding-right: $form-grid-gutter-width / 2;
|
199
|
+
padding-left: $form-grid-gutter-width / 2;
|
199
200
|
}
|
200
201
|
}
|
201
202
|
|
@@ -8,7 +8,7 @@
|
|
8
8
|
$prev-key: null;
|
9
9
|
$prev-num: null;
|
10
10
|
@each $key, $num in $map {
|
11
|
-
@if $prev-num == null {
|
11
|
+
@if $prev-num == null or unit($num) == "%" {
|
12
12
|
// Do nothing
|
13
13
|
} @else if not comparable($prev-num, $num) {
|
14
14
|
@warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
|
@@ -49,7 +49,7 @@
|
|
49
49
|
}
|
50
50
|
|
51
51
|
// Color contrast
|
52
|
-
@function color-yiq($color) {
|
52
|
+
@function color-yiq($color, $dark: $yiq-text-dark, $light: $yiq-text-light) {
|
53
53
|
$r: red($color);
|
54
54
|
$g: green($color);
|
55
55
|
$b: blue($color);
|
@@ -57,9 +57,9 @@
|
|
57
57
|
$yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
|
58
58
|
|
59
59
|
@if ($yiq >= $yiq-contrasted-threshold) {
|
60
|
-
@return $
|
60
|
+
@return $dark;
|
61
61
|
} @else {
|
62
|
-
@return $
|
62
|
+
@return $light;
|
63
63
|
}
|
64
64
|
}
|
65
65
|
|
@@ -12,6 +12,7 @@
|
|
12
12
|
width: 100%;
|
13
13
|
|
14
14
|
> .form-control,
|
15
|
+
> .form-control-plaintext,
|
15
16
|
> .custom-select,
|
16
17
|
> .custom-file {
|
17
18
|
position: relative; // For focus state's z-index
|
@@ -75,6 +76,10 @@
|
|
75
76
|
.btn {
|
76
77
|
position: relative;
|
77
78
|
z-index: 2;
|
79
|
+
|
80
|
+
&:focus {
|
81
|
+
z-index: 3;
|
82
|
+
}
|
78
83
|
}
|
79
84
|
|
80
85
|
.btn + .btn,
|
@@ -122,30 +127,45 @@
|
|
122
127
|
// Remix the default form control sizing classes into new ones for easier
|
123
128
|
// manipulation.
|
124
129
|
|
130
|
+
.input-group-lg > .form-control:not(textarea),
|
131
|
+
.input-group-lg > .custom-select {
|
132
|
+
height: $input-height-lg;
|
133
|
+
}
|
134
|
+
|
125
135
|
.input-group-lg > .form-control,
|
136
|
+
.input-group-lg > .custom-select,
|
126
137
|
.input-group-lg > .input-group-prepend > .input-group-text,
|
127
138
|
.input-group-lg > .input-group-append > .input-group-text,
|
128
139
|
.input-group-lg > .input-group-prepend > .btn,
|
129
140
|
.input-group-lg > .input-group-append > .btn {
|
130
|
-
height: $input-height-lg;
|
131
141
|
padding: $input-padding-y-lg $input-padding-x-lg;
|
132
|
-
font-size: $font-size-lg;
|
142
|
+
font-size: $input-font-size-lg;
|
133
143
|
line-height: $input-line-height-lg;
|
134
144
|
@include border-radius($input-border-radius-lg);
|
135
145
|
}
|
136
146
|
|
147
|
+
.input-group-sm > .form-control:not(textarea),
|
148
|
+
.input-group-sm > .custom-select {
|
149
|
+
height: $input-height-sm;
|
150
|
+
}
|
151
|
+
|
137
152
|
.input-group-sm > .form-control,
|
153
|
+
.input-group-sm > .custom-select,
|
138
154
|
.input-group-sm > .input-group-prepend > .input-group-text,
|
139
155
|
.input-group-sm > .input-group-append > .input-group-text,
|
140
156
|
.input-group-sm > .input-group-prepend > .btn,
|
141
157
|
.input-group-sm > .input-group-append > .btn {
|
142
|
-
height: $input-height-sm;
|
143
158
|
padding: $input-padding-y-sm $input-padding-x-sm;
|
144
|
-
font-size: $font-size-sm;
|
159
|
+
font-size: $input-font-size-sm;
|
145
160
|
line-height: $input-line-height-sm;
|
146
161
|
@include border-radius($input-border-radius-sm);
|
147
162
|
}
|
148
163
|
|
164
|
+
.input-group-lg > .custom-select,
|
165
|
+
.input-group-sm > .custom-select {
|
166
|
+
padding-right: $custom-select-padding-x + $custom-select-indicator-padding;
|
167
|
+
}
|
168
|
+
|
149
169
|
|
150
170
|
// Prepend and append rounded corners
|
151
171
|
//
|
@@ -66,6 +66,7 @@
|
|
66
66
|
&.disabled,
|
67
67
|
&:disabled {
|
68
68
|
color: $list-group-disabled-color;
|
69
|
+
pointer-events: none;
|
69
70
|
background-color: $list-group-disabled-bg;
|
70
71
|
}
|
71
72
|
|
@@ -89,6 +90,10 @@
|
|
89
90
|
border-right: 0;
|
90
91
|
border-left: 0;
|
91
92
|
@include border-radius(0);
|
93
|
+
|
94
|
+
&:last-child {
|
95
|
+
margin-bottom: -$list-group-border-width;
|
96
|
+
}
|
92
97
|
}
|
93
98
|
|
94
99
|
&:first-child {
|
@@ -99,6 +104,7 @@
|
|
99
104
|
|
100
105
|
&:last-child {
|
101
106
|
.list-group-item:last-child {
|
107
|
+
margin-bottom: 0;
|
102
108
|
border-bottom: 0;
|
103
109
|
}
|
104
110
|
}
|
@@ -18,11 +18,11 @@
|
|
18
18
|
.modal {
|
19
19
|
position: fixed;
|
20
20
|
top: 0;
|
21
|
-
right: 0;
|
22
|
-
bottom: 0;
|
23
21
|
left: 0;
|
24
22
|
z-index: $zindex-modal;
|
25
23
|
display: none;
|
24
|
+
width: 100%;
|
25
|
+
height: 100%;
|
26
26
|
overflow: hidden;
|
27
27
|
// Prevent Chrome on Windows from adding a focus outline. For details, see
|
28
28
|
// https://github.com/twbs/bootstrap/pull/10951.
|
@@ -43,10 +43,10 @@
|
|
43
43
|
// When fading in the modal, animate it to slide down
|
44
44
|
.modal.fade & {
|
45
45
|
@include transition($modal-transition);
|
46
|
-
transform:
|
46
|
+
transform: $modal-fade-transform;
|
47
47
|
}
|
48
48
|
.modal.show & {
|
49
|
-
transform:
|
49
|
+
transform: $modal-show-transform;
|
50
50
|
}
|
51
51
|
}
|
52
52
|
|
@@ -84,10 +84,10 @@
|
|
84
84
|
.modal-backdrop {
|
85
85
|
position: fixed;
|
86
86
|
top: 0;
|
87
|
-
right: 0;
|
88
|
-
bottom: 0;
|
89
87
|
left: 0;
|
90
88
|
z-index: $zindex-modal-backdrop;
|
89
|
+
width: 100vw;
|
90
|
+
height: 100vh;
|
91
91
|
background-color: $modal-backdrop-bg;
|
92
92
|
|
93
93
|
// Fade for backdrop
|
@@ -108,7 +108,7 @@
|
|
108
108
|
.close {
|
109
109
|
padding: $modal-header-padding;
|
110
110
|
// auto on the left force icon to the right even when there is no .modal-title
|
111
|
-
margin: (-$modal-header-padding) (-$modal-header-padding) (-$modal-header-padding) auto;
|
111
|
+
margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;
|
112
112
|
}
|
113
113
|
}
|
114
114
|
|
@@ -135,6 +135,7 @@
|
|
135
135
|
justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
|
136
136
|
padding: $modal-inner-padding;
|
137
137
|
border-top: $modal-footer-border-width solid $modal-footer-border-color;
|
138
|
+
@include border-bottom-radius($modal-content-border-radius);
|
138
139
|
|
139
140
|
// Easily place margin between footer elements
|
140
141
|
> :not(:first-child) { margin-left: .25rem; }
|
@@ -164,7 +165,6 @@
|
|
164
165
|
&::before {
|
165
166
|
height: calc(100vh - (#{$modal-dialog-margin-y-sm-up} * 2));
|
166
167
|
}
|
167
|
-
|
168
168
|
}
|
169
169
|
|
170
170
|
.modal-content {
|
@@ -172,9 +172,15 @@
|
|
172
172
|
}
|
173
173
|
|
174
174
|
.modal-sm { max-width: $modal-sm; }
|
175
|
-
|
176
175
|
}
|
177
176
|
|
178
177
|
@include media-breakpoint-up(lg) {
|
179
|
-
.modal-lg
|
178
|
+
.modal-lg,
|
179
|
+
.modal-xl {
|
180
|
+
max-width: $modal-lg;
|
181
|
+
}
|
182
|
+
}
|
183
|
+
|
184
|
+
@include media-breakpoint-up(xl) {
|
185
|
+
.modal-xl { max-width: $modal-xl; }
|
180
186
|
}
|
@@ -197,10 +197,10 @@
|
|
197
197
|
// Dark links against a light background
|
198
198
|
.navbar-light {
|
199
199
|
.navbar-brand {
|
200
|
-
color: $navbar-light-
|
200
|
+
color: $navbar-light-brand-color;
|
201
201
|
|
202
202
|
@include hover-focus {
|
203
|
-
color: $navbar-light-
|
203
|
+
color: $navbar-light-brand-hover-color;
|
204
204
|
}
|
205
205
|
}
|
206
206
|
|
@@ -249,10 +249,10 @@
|
|
249
249
|
// White links against a dark background
|
250
250
|
.navbar-dark {
|
251
251
|
.navbar-brand {
|
252
|
-
color: $navbar-dark-
|
252
|
+
color: $navbar-dark-brand-color;
|
253
253
|
|
254
254
|
@include hover-focus {
|
255
|
-
color: $navbar-dark-
|
255
|
+
color: $navbar-dark-brand-hover-color;
|
256
256
|
}
|
257
257
|
}
|
258
258
|
|
@@ -14,9 +14,7 @@
|
|
14
14
|
// 2. Change the default font family in all browsers.
|
15
15
|
// 3. Correct the line height in all browsers.
|
16
16
|
// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
|
17
|
-
// 5.
|
18
|
-
// we force a non-overlapping, non-auto-hiding scrollbar to counteract.
|
19
|
-
// 6. Change the default tap highlight to be completely transparent in iOS.
|
17
|
+
// 5. Change the default tap highlight to be completely transparent in iOS.
|
20
18
|
|
21
19
|
*,
|
22
20
|
*::before,
|
@@ -28,30 +26,21 @@ html {
|
|
28
26
|
font-family: sans-serif; // 2
|
29
27
|
line-height: 1.15; // 3
|
30
28
|
-webkit-text-size-adjust: 100%; // 4
|
31
|
-
-
|
32
|
-
-ms-overflow-style: scrollbar; // 5
|
33
|
-
-webkit-tap-highlight-color: rgba($black, 0); // 6
|
29
|
+
-webkit-tap-highlight-color: rgba($black, 0); // 5
|
34
30
|
}
|
35
31
|
|
36
|
-
// IE10+ doesn't honor `<meta name="viewport">` in some cases.
|
37
|
-
@at-root {
|
38
|
-
@-ms-viewport {
|
39
|
-
width: device-width;
|
40
|
-
}
|
41
|
-
}
|
42
|
-
|
43
|
-
// stylelint-disable selector-list-comma-newline-after
|
44
32
|
// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
|
33
|
+
// TODO: remove in v5
|
34
|
+
// stylelint-disable-next-line selector-list-comma-newline-after
|
45
35
|
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
|
46
36
|
display: block;
|
47
37
|
}
|
48
|
-
// stylelint-enable selector-list-comma-newline-after
|
49
38
|
|
50
39
|
// Body
|
51
40
|
//
|
52
41
|
// 1. Remove the margin in all browsers.
|
53
42
|
// 2. As a best practice, apply a default `background-color`.
|
54
|
-
// 3. Set an explicit initial text-align value so that we can later use
|
43
|
+
// 3. Set an explicit initial text-align value so that we can later use
|
55
44
|
// the `inherit` value on things like `<th>` elements.
|
56
45
|
|
57
46
|
body {
|
@@ -95,12 +84,11 @@ hr {
|
|
95
84
|
//
|
96
85
|
// By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
|
97
86
|
// margin for easier control within type scales as it avoids margin collapsing.
|
98
|
-
// stylelint-disable selector-list-comma-newline-after
|
87
|
+
// stylelint-disable-next-line selector-list-comma-newline-after
|
99
88
|
h1, h2, h3, h4, h5, h6 {
|
100
89
|
margin-top: 0;
|
101
90
|
margin-bottom: $headings-margin-bottom;
|
102
91
|
}
|
103
|
-
// stylelint-enable selector-list-comma-newline-after
|
104
92
|
|
105
93
|
// Reset margins on paragraphs
|
106
94
|
//
|
@@ -113,17 +101,19 @@ p {
|
|
113
101
|
|
114
102
|
// Abbreviations
|
115
103
|
//
|
116
|
-
// 1.
|
104
|
+
// 1. Duplicate behavior to the data-* attribute for our tooltip plugin
|
117
105
|
// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
118
106
|
// 3. Add explicit cursor to indicate changed behavior.
|
119
|
-
// 4.
|
107
|
+
// 4. Remove the bottom border in Firefox 39-.
|
108
|
+
// 5. Prevent the text-decoration to be skipped.
|
120
109
|
|
121
110
|
abbr[title],
|
122
|
-
abbr[data-original-title] { //
|
111
|
+
abbr[data-original-title] { // 1
|
123
112
|
text-decoration: underline; // 2
|
124
113
|
text-decoration: underline dotted; // 2
|
125
114
|
cursor: help; // 3
|
126
|
-
border-bottom: 0; //
|
115
|
+
border-bottom: 0; // 4
|
116
|
+
text-decoration-skip-ink: none; // 5
|
127
117
|
}
|
128
118
|
|
129
119
|
address {
|
@@ -159,16 +149,10 @@ blockquote {
|
|
159
149
|
margin: 0 0 1rem;
|
160
150
|
}
|
161
151
|
|
162
|
-
dfn {
|
163
|
-
font-style: italic; // Add the correct font style in Android 4.3-
|
164
|
-
}
|
165
|
-
|
166
|
-
// stylelint-disable font-weight-notation
|
167
152
|
b,
|
168
153
|
strong {
|
169
|
-
font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari
|
154
|
+
font-weight: $font-weight-bolder; // Add the correct font weight in Chrome, Edge, and Safari
|
170
155
|
}
|
171
|
-
// stylelint-enable font-weight-notation
|
172
156
|
|
173
157
|
small {
|
174
158
|
font-size: 80%; // Add the correct font size in all browsers
|
@@ -199,7 +183,6 @@ a {
|
|
199
183
|
color: $link-color;
|
200
184
|
text-decoration: $link-decoration;
|
201
185
|
background-color: transparent; // Remove the gray background on active links in IE 10.
|
202
|
-
-webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.
|
203
186
|
|
204
187
|
@include hover {
|
205
188
|
color: $link-hover-color;
|
@@ -247,9 +230,6 @@ pre {
|
|
247
230
|
margin-bottom: 1rem;
|
248
231
|
// Don't allow content to break outside
|
249
232
|
overflow: auto;
|
250
|
-
// We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so
|
251
|
-
// we force a non-overlapping, non-auto-hiding scrollbar to counteract.
|
252
|
-
-ms-overflow-style: scrollbar;
|
253
233
|
}
|
254
234
|
|
255
235
|
|
@@ -354,7 +334,7 @@ select {
|
|
354
334
|
// controls in Android 4.
|
355
335
|
// 2. Correct the inability to style clickable types in iOS and Safari.
|
356
336
|
button,
|
357
|
-
|
337
|
+
[type="button"], // 1
|
358
338
|
[type="reset"],
|
359
339
|
[type="submit"] {
|
360
340
|
-webkit-appearance: button; // 2
|
@@ -444,7 +424,6 @@ progress {
|
|
444
424
|
// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
|
445
425
|
//
|
446
426
|
|
447
|
-
[type="search"]::-webkit-search-cancel-button,
|
448
427
|
[type="search"]::-webkit-search-decoration {
|
449
428
|
-webkit-appearance: none;
|
450
429
|
}
|