bootstrap 4.6.1 → 5.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (150) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +2 -1
  3. data/README.md +7 -4
  4. data/assets/javascripts/bootstrap/alert.js +192 -112
  5. data/assets/javascripts/bootstrap/base-component.js +63 -0
  6. data/assets/javascripts/bootstrap/button.js +96 -176
  7. data/assets/javascripts/bootstrap/carousel.js +470 -355
  8. data/assets/javascripts/bootstrap/collapse.js +377 -221
  9. data/assets/javascripts/bootstrap/dom/data.js +68 -0
  10. data/assets/javascripts/bootstrap/dom/event-handler.js +322 -0
  11. data/assets/javascripts/bootstrap/dom/manipulator.js +88 -0
  12. data/assets/javascripts/bootstrap/dom/selector-engine.js +85 -0
  13. data/assets/javascripts/bootstrap/dropdown.js +470 -351
  14. data/assets/javascripts/bootstrap/modal.js +611 -435
  15. data/assets/javascripts/bootstrap/offcanvas.js +671 -0
  16. data/assets/javascripts/bootstrap/popover.js +137 -165
  17. data/assets/javascripts/bootstrap/scrollspy.js +249 -191
  18. data/assets/javascripts/bootstrap/tab.js +241 -141
  19. data/assets/javascripts/bootstrap/toast.js +221 -153
  20. data/assets/javascripts/bootstrap/tooltip.js +649 -483
  21. data/assets/javascripts/bootstrap-global-this-define.js +6 -0
  22. data/assets/javascripts/bootstrap-global-this-undefine.js +2 -0
  23. data/assets/javascripts/bootstrap-sprockets.js +14 -7
  24. data/assets/javascripts/bootstrap.js +3272 -2586
  25. data/assets/javascripts/bootstrap.min.js +2 -2
  26. data/assets/stylesheets/_bootstrap-grid.scss +51 -16
  27. data/assets/stylesheets/_bootstrap-reboot.scss +4 -1
  28. data/assets/stylesheets/_bootstrap.scss +16 -8
  29. data/assets/stylesheets/bootstrap/_accordion.scss +118 -0
  30. data/assets/stylesheets/bootstrap/_alert.scss +15 -10
  31. data/assets/stylesheets/bootstrap/_badge.scss +2 -27
  32. data/assets/stylesheets/bootstrap/_breadcrumb.scss +3 -17
  33. data/assets/stylesheets/bootstrap/_button-group.scss +21 -45
  34. data/assets/stylesheets/bootstrap/_buttons.scss +29 -60
  35. data/assets/stylesheets/bootstrap/_card.scss +20 -91
  36. data/assets/stylesheets/bootstrap/_carousel.scss +64 -35
  37. data/assets/stylesheets/bootstrap/_close.scss +30 -30
  38. data/assets/stylesheets/bootstrap/_containers.scss +41 -0
  39. data/assets/stylesheets/bootstrap/_dropdown.scss +84 -36
  40. data/assets/stylesheets/bootstrap/_forms.scss +9 -347
  41. data/assets/stylesheets/bootstrap/_functions.scss +84 -69
  42. data/assets/stylesheets/bootstrap/_grid.scss +3 -54
  43. data/assets/stylesheets/bootstrap/_helpers.scss +7 -0
  44. data/assets/stylesheets/bootstrap/_images.scss +1 -1
  45. data/assets/stylesheets/bootstrap/_list-group.scss +28 -8
  46. data/assets/stylesheets/bootstrap/_mixins.scss +8 -13
  47. data/assets/stylesheets/bootstrap/_modal.scss +45 -57
  48. data/assets/stylesheets/bootstrap/_nav.scss +23 -4
  49. data/assets/stylesheets/bootstrap/_navbar.scss +45 -71
  50. data/assets/stylesheets/bootstrap/_offcanvas.scss +77 -0
  51. data/assets/stylesheets/bootstrap/_pagination.scss +10 -20
  52. data/assets/stylesheets/bootstrap/_popover.scss +24 -36
  53. data/assets/stylesheets/bootstrap/_progress.scss +5 -4
  54. data/assets/stylesheets/bootstrap/_reboot.scss +316 -179
  55. data/assets/stylesheets/bootstrap/_root.scss +5 -8
  56. data/assets/stylesheets/bootstrap/_spinners.scss +9 -5
  57. data/assets/stylesheets/bootstrap/_tables.scss +79 -114
  58. data/assets/stylesheets/bootstrap/_toasts.scss +20 -15
  59. data/assets/stylesheets/bootstrap/_tooltip.scss +21 -21
  60. data/assets/stylesheets/bootstrap/_transitions.scss +2 -1
  61. data/assets/stylesheets/bootstrap/_type.scss +38 -59
  62. data/assets/stylesheets/bootstrap/_utilities.scss +594 -18
  63. data/assets/stylesheets/bootstrap/_variables.scss +801 -485
  64. data/assets/stylesheets/bootstrap/bootstrap-utilities.scss +18 -0
  65. data/assets/stylesheets/bootstrap/forms/_floating-labels.scss +61 -0
  66. data/assets/stylesheets/bootstrap/forms/_form-check.scss +152 -0
  67. data/assets/stylesheets/bootstrap/forms/_form-control.scss +219 -0
  68. data/assets/stylesheets/bootstrap/forms/_form-range.scss +91 -0
  69. data/assets/stylesheets/bootstrap/forms/_form-select.scss +67 -0
  70. data/assets/stylesheets/bootstrap/forms/_form-text.scss +11 -0
  71. data/assets/stylesheets/bootstrap/forms/_input-group.scss +121 -0
  72. data/assets/stylesheets/bootstrap/forms/_labels.scss +36 -0
  73. data/assets/stylesheets/bootstrap/forms/_validation.scss +12 -0
  74. data/assets/stylesheets/bootstrap/{utilities → helpers}/_clearfix.scss +0 -0
  75. data/assets/stylesheets/bootstrap/helpers/_colored-links.scss +12 -0
  76. data/assets/stylesheets/bootstrap/helpers/_position.scss +30 -0
  77. data/assets/stylesheets/bootstrap/helpers/_ratio.scss +26 -0
  78. data/assets/stylesheets/bootstrap/helpers/_stretched-link.scss +15 -0
  79. data/assets/stylesheets/bootstrap/helpers/_text-truncation.scss +7 -0
  80. data/assets/stylesheets/bootstrap/helpers/_visually-hidden.scss +8 -0
  81. data/assets/stylesheets/bootstrap/mixins/_alert.scss +3 -5
  82. data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +10 -8
  83. data/assets/stylesheets/bootstrap/mixins/_box-shadow.scss +7 -9
  84. data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +14 -10
  85. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +71 -48
  86. data/assets/stylesheets/bootstrap/mixins/_caret.scss +10 -8
  87. data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +2 -0
  88. data/assets/stylesheets/bootstrap/mixins/_color-scheme.scss +7 -0
  89. data/assets/stylesheets/bootstrap/mixins/_container.scss +9 -0
  90. data/assets/stylesheets/bootstrap/mixins/_forms.scss +39 -97
  91. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +13 -11
  92. data/assets/stylesheets/bootstrap/mixins/_grid.scss +90 -34
  93. data/assets/stylesheets/bootstrap/mixins/_image.scss +1 -21
  94. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +5 -2
  95. data/assets/stylesheets/bootstrap/mixins/_lists.scss +1 -1
  96. data/assets/stylesheets/bootstrap/mixins/_pagination.scss +17 -8
  97. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +2 -2
  98. data/assets/stylesheets/bootstrap/mixins/_table-variants.scss +21 -0
  99. data/assets/stylesheets/bootstrap/mixins/_transition.scss +1 -1
  100. data/assets/stylesheets/bootstrap/mixins/_utilities.scss +68 -0
  101. data/assets/stylesheets/bootstrap/mixins/_visually-hidden.scss +29 -0
  102. data/assets/stylesheets/bootstrap/utilities/_api.scss +47 -0
  103. data/assets/stylesheets/bootstrap/vendor/_rfs.scss +214 -130
  104. data/bootstrap.gemspec +1 -3
  105. data/lib/bootstrap/version.rb +2 -2
  106. data/tasks/updater/js.rb +20 -5
  107. data/tasks/updater/network.rb +7 -1
  108. data/test/dummy_rails/app/assets/javascripts/application.js +4 -3
  109. data/test/dummy_rails/app/views/layouts/application.html.erb +3 -1
  110. data/test/dummy_rails/app/views/pages/root.html +89 -0
  111. data/test/dummy_rails/config/application.rb +0 -3
  112. data/test/gemfiles/rails_6_1.gemfile +7 -0
  113. metadata +45 -73
  114. data/assets/javascripts/bootstrap/util.js +0 -189
  115. data/assets/stylesheets/bootstrap/_code.scss +0 -48
  116. data/assets/stylesheets/bootstrap/_custom-forms.scss +0 -526
  117. data/assets/stylesheets/bootstrap/_input-group.scss +0 -211
  118. data/assets/stylesheets/bootstrap/_jumbotron.scss +0 -17
  119. data/assets/stylesheets/bootstrap/_media.scss +0 -8
  120. data/assets/stylesheets/bootstrap/_print.scss +0 -132
  121. data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +0 -23
  122. data/assets/stylesheets/bootstrap/mixins/_badge.scss +0 -17
  123. data/assets/stylesheets/bootstrap/mixins/_float.scss +0 -14
  124. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +0 -80
  125. data/assets/stylesheets/bootstrap/mixins/_hover.scss +0 -37
  126. data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +0 -11
  127. data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +0 -34
  128. data/assets/stylesheets/bootstrap/mixins/_size.scss +0 -7
  129. data/assets/stylesheets/bootstrap/mixins/_table-row.scss +0 -39
  130. data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +0 -17
  131. data/assets/stylesheets/bootstrap/mixins/_text-hide.scss +0 -11
  132. data/assets/stylesheets/bootstrap/mixins/_visibility.scss +0 -8
  133. data/assets/stylesheets/bootstrap/utilities/_align.scss +0 -8
  134. data/assets/stylesheets/bootstrap/utilities/_background.scss +0 -19
  135. data/assets/stylesheets/bootstrap/utilities/_borders.scss +0 -75
  136. data/assets/stylesheets/bootstrap/utilities/_display.scss +0 -26
  137. data/assets/stylesheets/bootstrap/utilities/_embed.scss +0 -39
  138. data/assets/stylesheets/bootstrap/utilities/_flex.scss +0 -51
  139. data/assets/stylesheets/bootstrap/utilities/_float.scss +0 -11
  140. data/assets/stylesheets/bootstrap/utilities/_interactions.scss +0 -5
  141. data/assets/stylesheets/bootstrap/utilities/_overflow.scss +0 -5
  142. data/assets/stylesheets/bootstrap/utilities/_position.scss +0 -32
  143. data/assets/stylesheets/bootstrap/utilities/_screenreaders.scss +0 -11
  144. data/assets/stylesheets/bootstrap/utilities/_shadows.scss +0 -6
  145. data/assets/stylesheets/bootstrap/utilities/_sizing.scss +0 -20
  146. data/assets/stylesheets/bootstrap/utilities/_spacing.scss +0 -73
  147. data/assets/stylesheets/bootstrap/utilities/_stretched-link.scss +0 -19
  148. data/assets/stylesheets/bootstrap/utilities/_text.scss +0 -72
  149. data/assets/stylesheets/bootstrap/utilities/_visibility.scss +0 -13
  150. data/test/dummy_rails/app/views/pages/root.html.slim +0 -58
@@ -1,211 +0,0 @@
1
- // stylelint-disable selector-no-qualifying-type
2
-
3
- //
4
- // Base styles
5
- //
6
-
7
- .input-group {
8
- position: relative;
9
- display: flex;
10
- flex-wrap: wrap; // For form validation feedback
11
- align-items: stretch;
12
- width: 100%;
13
-
14
- > .form-control,
15
- > .form-control-plaintext,
16
- > .custom-select,
17
- > .custom-file {
18
- position: relative; // For focus state's z-index
19
- flex: 1 1 auto;
20
- width: 1%;
21
- min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size
22
- margin-bottom: 0;
23
-
24
- + .form-control,
25
- + .custom-select,
26
- + .custom-file {
27
- margin-left: -$input-border-width;
28
- }
29
- }
30
-
31
- // Bring the "active" form control to the top of surrounding elements
32
- > .form-control:focus,
33
- > .custom-select:focus,
34
- > .custom-file .custom-file-input:focus ~ .custom-file-label {
35
- z-index: 3;
36
- }
37
-
38
- // Bring the custom file input above the label
39
- > .custom-file .custom-file-input:focus {
40
- z-index: 4;
41
- }
42
-
43
- > .form-control,
44
- > .custom-select {
45
- &:not(:first-child) { @include border-left-radius(0); }
46
- }
47
-
48
- // Custom file inputs have more complex markup, thus requiring different
49
- // border-radius overrides.
50
- > .custom-file {
51
- display: flex;
52
- align-items: center;
53
-
54
- &:not(:last-child) .custom-file-label,
55
- &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }
56
- &:not(:first-child) .custom-file-label { @include border-left-radius(0); }
57
- }
58
-
59
- &:not(.has-validation) {
60
- > .form-control:not(:last-child),
61
- > .custom-select:not(:last-child),
62
- > .custom-file:not(:last-child) .custom-file-label,
63
- > .custom-file:not(:last-child) .custom-file-label::after {
64
- @include border-right-radius(0);
65
- }
66
- }
67
-
68
- &.has-validation {
69
- > .form-control:nth-last-child(n + 3),
70
- > .custom-select:nth-last-child(n + 3),
71
- > .custom-file:nth-last-child(n + 3) .custom-file-label,
72
- > .custom-file:nth-last-child(n + 3) .custom-file-label::after {
73
- @include border-right-radius(0);
74
- }
75
- }
76
- }
77
-
78
-
79
- // Prepend and append
80
- //
81
- // While it requires one extra layer of HTML for each, dedicated prepend and
82
- // append elements allow us to 1) be less clever, 2) simplify our selectors, and
83
- // 3) support HTML5 form validation.
84
-
85
- .input-group-prepend,
86
- .input-group-append {
87
- display: flex;
88
-
89
- // Ensure buttons are always above inputs for more visually pleasing borders.
90
- // This isn't needed for `.input-group-text` since it shares the same border-color
91
- // as our inputs.
92
- .btn {
93
- position: relative;
94
- z-index: 2;
95
-
96
- &:focus {
97
- z-index: 3;
98
- }
99
- }
100
-
101
- .btn + .btn,
102
- .btn + .input-group-text,
103
- .input-group-text + .input-group-text,
104
- .input-group-text + .btn {
105
- margin-left: -$input-border-width;
106
- }
107
- }
108
-
109
- .input-group-prepend { margin-right: -$input-border-width; }
110
- .input-group-append { margin-left: -$input-border-width; }
111
-
112
-
113
- // Textual addons
114
- //
115
- // Serves as a catch-all element for any text or radio/checkbox input you wish
116
- // to prepend or append to an input.
117
-
118
- .input-group-text {
119
- display: flex;
120
- align-items: center;
121
- padding: $input-padding-y $input-padding-x;
122
- margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
123
- @include font-size($input-font-size); // Match inputs
124
- font-weight: $font-weight-normal;
125
- line-height: $input-line-height;
126
- color: $input-group-addon-color;
127
- text-align: center;
128
- white-space: nowrap;
129
- background-color: $input-group-addon-bg;
130
- border: $input-border-width solid $input-group-addon-border-color;
131
- @include border-radius($input-border-radius);
132
-
133
- // Nuke default margins from checkboxes and radios to vertically center within.
134
- input[type="radio"],
135
- input[type="checkbox"] {
136
- margin-top: 0;
137
- }
138
- }
139
-
140
-
141
- // Sizing
142
- //
143
- // Remix the default form control sizing classes into new ones for easier
144
- // manipulation.
145
-
146
- .input-group-lg > .form-control:not(textarea),
147
- .input-group-lg > .custom-select {
148
- height: $input-height-lg;
149
- }
150
-
151
- .input-group-lg > .form-control,
152
- .input-group-lg > .custom-select,
153
- .input-group-lg > .input-group-prepend > .input-group-text,
154
- .input-group-lg > .input-group-append > .input-group-text,
155
- .input-group-lg > .input-group-prepend > .btn,
156
- .input-group-lg > .input-group-append > .btn {
157
- padding: $input-padding-y-lg $input-padding-x-lg;
158
- @include font-size($input-font-size-lg);
159
- line-height: $input-line-height-lg;
160
- @include border-radius($input-border-radius-lg);
161
- }
162
-
163
- .input-group-sm > .form-control:not(textarea),
164
- .input-group-sm > .custom-select {
165
- height: $input-height-sm;
166
- }
167
-
168
- .input-group-sm > .form-control,
169
- .input-group-sm > .custom-select,
170
- .input-group-sm > .input-group-prepend > .input-group-text,
171
- .input-group-sm > .input-group-append > .input-group-text,
172
- .input-group-sm > .input-group-prepend > .btn,
173
- .input-group-sm > .input-group-append > .btn {
174
- padding: $input-padding-y-sm $input-padding-x-sm;
175
- @include font-size($input-font-size-sm);
176
- line-height: $input-line-height-sm;
177
- @include border-radius($input-border-radius-sm);
178
- }
179
-
180
- .input-group-lg > .custom-select,
181
- .input-group-sm > .custom-select {
182
- padding-right: $custom-select-padding-x + $custom-select-indicator-padding;
183
- }
184
-
185
-
186
- // Prepend and append rounded corners
187
- //
188
- // These rulesets must come after the sizing ones to properly override sm and lg
189
- // border-radius values when extending. They're more specific than we'd like
190
- // with the `.input-group >` part, but without it, we cannot override the sizing.
191
-
192
-
193
- .input-group > .input-group-prepend > .btn,
194
- .input-group > .input-group-prepend > .input-group-text,
195
- .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
196
- .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
197
- .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn,
198
- .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text,
199
- .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
200
- .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
201
- @include border-right-radius(0);
202
- }
203
-
204
- .input-group > .input-group-append > .btn,
205
- .input-group > .input-group-append > .input-group-text,
206
- .input-group > .input-group-prepend:not(:first-child) > .btn,
207
- .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
208
- .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
209
- .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
210
- @include border-left-radius(0);
211
- }
@@ -1,17 +0,0 @@
1
- .jumbotron {
2
- padding: $jumbotron-padding ($jumbotron-padding * .5);
3
- margin-bottom: $jumbotron-padding;
4
- color: $jumbotron-color;
5
- background-color: $jumbotron-bg;
6
- @include border-radius($border-radius-lg);
7
-
8
- @include media-breakpoint-up(sm) {
9
- padding: ($jumbotron-padding * 2) $jumbotron-padding;
10
- }
11
- }
12
-
13
- .jumbotron-fluid {
14
- padding-right: 0;
15
- padding-left: 0;
16
- @include border-radius(0);
17
- }
@@ -1,8 +0,0 @@
1
- .media {
2
- display: flex;
3
- align-items: flex-start;
4
- }
5
-
6
- .media-body {
7
- flex: 1;
8
- }
@@ -1,132 +0,0 @@
1
- // stylelint-disable declaration-no-important, selector-no-qualifying-type
2
-
3
- // Source: https://github.com/h5bp/main.css/blob/master/src/_print.css
4
-
5
- // ==========================================================================
6
- // Print styles.
7
- // Inlined to avoid the additional HTTP request:
8
- // https://www.phpied.com/delay-loading-your-print-css/
9
- // ==========================================================================
10
-
11
- @if $enable-print-styles {
12
- @media print {
13
- *,
14
- *::before,
15
- *::after {
16
- // Bootstrap specific; comment out `color` and `background`
17
- //color: $black !important; // Black prints faster
18
- text-shadow: none !important;
19
- //background: transparent !important;
20
- box-shadow: none !important;
21
- }
22
-
23
- a {
24
- &:not(.btn) {
25
- text-decoration: underline;
26
- }
27
- }
28
-
29
- // Bootstrap specific; comment the following selector out
30
- //a[href]::after {
31
- // content: " (" attr(href) ")";
32
- //}
33
-
34
- abbr[title]::after {
35
- content: " (" attr(title) ")";
36
- }
37
-
38
- // Bootstrap specific; comment the following selector out
39
- //
40
- // Don't show links that are fragment identifiers,
41
- // or use the `javascript:` pseudo protocol
42
- //
43
-
44
- //a[href^="#"]::after,
45
- //a[href^="javascript:"]::after {
46
- // content: "";
47
- //}
48
-
49
- pre {
50
- white-space: pre-wrap !important;
51
- }
52
- pre,
53
- blockquote {
54
- border: $border-width solid $gray-500; // Bootstrap custom code; using `$border-width` instead of 1px
55
- page-break-inside: avoid;
56
- }
57
-
58
- tr,
59
- img {
60
- page-break-inside: avoid;
61
- }
62
-
63
- p,
64
- h2,
65
- h3 {
66
- orphans: 3;
67
- widows: 3;
68
- }
69
-
70
- h2,
71
- h3 {
72
- page-break-after: avoid;
73
- }
74
-
75
- // Bootstrap specific changes start
76
-
77
- // Specify a size and min-width to make printing closer across browsers.
78
- // We don't set margin here because it breaks `size` in Chrome. We also
79
- // don't use `!important` on `size` as it breaks in Chrome.
80
- @page {
81
- size: $print-page-size;
82
- }
83
- body {
84
- min-width: $print-body-min-width !important;
85
- }
86
- .container {
87
- min-width: $print-body-min-width !important;
88
- }
89
-
90
- // Bootstrap components
91
- .navbar {
92
- display: none;
93
- }
94
- .badge {
95
- border: $border-width solid $black;
96
- }
97
-
98
- .table {
99
- border-collapse: collapse !important;
100
-
101
- td,
102
- th {
103
- background-color: $white !important;
104
- }
105
- }
106
-
107
- .table-bordered {
108
- th,
109
- td {
110
- border: 1px solid $gray-300 !important;
111
- }
112
- }
113
-
114
- .table-dark {
115
- color: inherit;
116
-
117
- th,
118
- td,
119
- thead th,
120
- tbody + tbody {
121
- border-color: $table-border-color;
122
- }
123
- }
124
-
125
- .table .thead-dark th {
126
- color: inherit;
127
- border-color: $table-border-color;
128
- }
129
-
130
- // Bootstrap specific changes end
131
- }
132
- }
@@ -1,23 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Contextual backgrounds
4
-
5
- @mixin bg-variant($parent, $color, $ignore-warning: false) {
6
- #{$parent} {
7
- background-color: $color !important;
8
- }
9
- a#{$parent},
10
- button#{$parent} {
11
- @include hover-focus() {
12
- background-color: darken($color, 10%) !important;
13
- }
14
- }
15
- @include deprecate("The `bg-variant` mixin", "v4.4.0", "v5", $ignore-warning);
16
- }
17
-
18
- @mixin bg-gradient-variant($parent, $color, $ignore-warning: false) {
19
- #{$parent} {
20
- background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
21
- }
22
- @include deprecate("The `bg-gradient-variant` mixin", "v4.5.0", "v5", $ignore-warning);
23
- }
@@ -1,17 +0,0 @@
1
- @mixin badge-variant($bg) {
2
- color: color-yiq($bg);
3
- background-color: $bg;
4
-
5
- @at-root a#{&} {
6
- @include hover-focus() {
7
- color: color-yiq($bg);
8
- background-color: darken($bg, 10%);
9
- }
10
-
11
- &:focus,
12
- &.focus {
13
- outline: 0;
14
- box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);
15
- }
16
- }
17
- }
@@ -1,14 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- @mixin float-left() {
4
- float: left !important;
5
- @include deprecate("The `float-left` mixin", "v4.3.0", "v5");
6
- }
7
- @mixin float-right() {
8
- float: right !important;
9
- @include deprecate("The `float-right` mixin", "v4.3.0", "v5");
10
- }
11
- @mixin float-none() {
12
- float: none !important;
13
- @include deprecate("The `float-none` mixin", "v4.3.0", "v5");
14
- }
@@ -1,80 +0,0 @@
1
- // Framework grid generation
2
- //
3
- // Used only by Bootstrap to generate the correct number of grid classes given
4
- // any value of `$grid-columns`.
5
-
6
- @mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
7
- // Common properties for all breakpoints
8
- %grid-column {
9
- position: relative;
10
- width: 100%;
11
- padding-right: $gutter * .5;
12
- padding-left: $gutter * .5;
13
- }
14
-
15
- @each $breakpoint in map-keys($breakpoints) {
16
- $infix: breakpoint-infix($breakpoint, $breakpoints);
17
-
18
- @if $columns > 0 {
19
- // Allow columns to stretch full width below their breakpoints
20
- @for $i from 1 through $columns {
21
- .col#{$infix}-#{$i} {
22
- @extend %grid-column;
23
- }
24
- }
25
- }
26
-
27
- .col#{$infix},
28
- .col#{$infix}-auto {
29
- @extend %grid-column;
30
- }
31
-
32
- @include media-breakpoint-up($breakpoint, $breakpoints) {
33
- // Provide basic `.col-{bp}` classes for equal-width flexbox columns
34
- .col#{$infix} {
35
- flex-basis: 0;
36
- flex-grow: 1;
37
- max-width: 100%;
38
- }
39
-
40
- @if $grid-row-columns > 0 {
41
- @for $i from 1 through $grid-row-columns {
42
- .row-cols#{$infix}-#{$i} {
43
- @include row-cols($i);
44
- }
45
- }
46
- }
47
-
48
- .col#{$infix}-auto {
49
- @include make-col-auto();
50
- }
51
-
52
- @if $columns > 0 {
53
- @for $i from 1 through $columns {
54
- .col#{$infix}-#{$i} {
55
- @include make-col($i, $columns);
56
- }
57
- }
58
- }
59
-
60
- .order#{$infix}-first { order: -1; }
61
-
62
- .order#{$infix}-last { order: $columns + 1; }
63
-
64
- @for $i from 0 through $columns {
65
- .order#{$infix}-#{$i} { order: $i; }
66
- }
67
-
68
- @if $columns > 0 {
69
- // `$columns - 1` because offsetting by the width of an entire row isn't possible
70
- @for $i from 0 through ($columns - 1) {
71
- @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
72
- .offset#{$infix}-#{$i} {
73
- @include make-col-offset($i, $columns);
74
- }
75
- }
76
- }
77
- }
78
- }
79
- }
80
- }
@@ -1,37 +0,0 @@
1
- // Hover mixin and `$enable-hover-media-query` are deprecated.
2
- //
3
- // Originally added during our alphas and maintained during betas, this mixin was
4
- // designed to prevent `:hover` stickiness on iOS-an issue where hover styles
5
- // would persist after initial touch.
6
- //
7
- // For backward compatibility, we've kept these mixins and updated them to
8
- // always return their regular pseudo-classes instead of a shimmed media query.
9
- //
10
- // Issue: https://github.com/twbs/bootstrap/issues/25195
11
-
12
- @mixin hover() {
13
- &:hover { @content; }
14
- }
15
-
16
- @mixin hover-focus() {
17
- &:hover,
18
- &:focus {
19
- @content;
20
- }
21
- }
22
-
23
- @mixin plain-hover-focus() {
24
- &,
25
- &:hover,
26
- &:focus {
27
- @content;
28
- }
29
- }
30
-
31
- @mixin hover-focus-active() {
32
- &:hover,
33
- &:focus,
34
- &:active {
35
- @content;
36
- }
37
- }
@@ -1,11 +0,0 @@
1
- // Horizontal dividers
2
- //
3
- // Dividers (basically an hr) within dropdowns and nav lists
4
-
5
- @mixin nav-divider($color: $nav-divider-color, $margin-y: $nav-divider-margin-y, $ignore-warning: false) {
6
- height: 0;
7
- margin: $margin-y 0;
8
- overflow: hidden;
9
- border-top: 1px solid $color;
10
- @include deprecate("The `nav-divider()` mixin", "v4.4.0", "v5", $ignore-warning);
11
- }
@@ -1,34 +0,0 @@
1
- // Only display content to screen readers
2
- //
3
- // See: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/
4
- // See: https://kittygiraudel.com/2016/10/13/css-hide-and-seek/
5
-
6
- @mixin sr-only() {
7
- position: absolute;
8
- width: 1px;
9
- height: 1px;
10
- padding: 0;
11
- margin: -1px; // Fix for https://github.com/twbs/bootstrap/issues/25686
12
- overflow: hidden;
13
- clip: rect(0, 0, 0, 0);
14
- white-space: nowrap;
15
- border: 0;
16
- }
17
-
18
- // Use in conjunction with .sr-only to only display content when it's focused.
19
- //
20
- // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
21
- //
22
- // Credit: HTML5 Boilerplate
23
-
24
- @mixin sr-only-focusable() {
25
- &:active,
26
- &:focus {
27
- position: static;
28
- width: auto;
29
- height: auto;
30
- overflow: visible;
31
- clip: auto;
32
- white-space: normal;
33
- }
34
- }
@@ -1,7 +0,0 @@
1
- // Sizing shortcuts
2
-
3
- @mixin size($width, $height: $width) {
4
- width: $width;
5
- height: $height;
6
- @include deprecate("`size()`", "v4.3.0", "v5");
7
- }
@@ -1,39 +0,0 @@
1
- // Tables
2
-
3
- @mixin table-row-variant($state, $background, $border: null) {
4
- // Exact selectors below required to override `.table-striped` and prevent
5
- // inheritance to nested tables.
6
- .table-#{$state} {
7
- &,
8
- > th,
9
- > td {
10
- background-color: $background;
11
- }
12
-
13
- @if $border != null {
14
- th,
15
- td,
16
- thead th,
17
- tbody + tbody {
18
- border-color: $border;
19
- }
20
- }
21
- }
22
-
23
- // Hover states for `.table-hover`
24
- // Note: this is not available for cells or rows within `thead` or `tfoot`.
25
- .table-hover {
26
- $hover-background: darken($background, 5%);
27
-
28
- .table-#{$state} {
29
- @include hover() {
30
- background-color: $hover-background;
31
-
32
- > td,
33
- > th {
34
- background-color: $hover-background;
35
- }
36
- }
37
- }
38
- }
39
- }
@@ -1,17 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Typography
4
-
5
- @mixin text-emphasis-variant($parent, $color, $ignore-warning: false) {
6
- #{$parent} {
7
- color: $color !important;
8
- }
9
- @if $emphasized-link-hover-darken-percentage != 0 {
10
- a#{$parent} {
11
- @include hover-focus() {
12
- color: darken($color, $emphasized-link-hover-darken-percentage) !important;
13
- }
14
- }
15
- }
16
- @include deprecate("`text-emphasis-variant()`", "v4.4.0", "v5", $ignore-warning);
17
- }
@@ -1,11 +0,0 @@
1
- // CSS image replacement
2
- @mixin text-hide($ignore-warning: false) {
3
- // stylelint-disable-next-line font-family-no-missing-generic-family-keyword
4
- font: 0/0 a;
5
- color: transparent;
6
- text-shadow: none;
7
- background-color: transparent;
8
- border: 0;
9
-
10
- @include deprecate("`text-hide()`", "v4.1.0", "v5", $ignore-warning);
11
- }
@@ -1,8 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Visibility
4
-
5
- @mixin invisible($visibility) {
6
- visibility: $visibility !important;
7
- @include deprecate("`invisible()`", "v4.3.0", "v5");
8
- }
@@ -1,8 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- .align-baseline { vertical-align: baseline !important; } // Browser default
4
- .align-top { vertical-align: top !important; }
5
- .align-middle { vertical-align: middle !important; }
6
- .align-bottom { vertical-align: bottom !important; }
7
- .align-text-bottom { vertical-align: text-bottom !important; }
8
- .align-text-top { vertical-align: text-top !important; }