bootstrap 4.3.1 → 5.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (158) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +17 -2
  3. data/CHANGELOG.md +2 -14
  4. data/README.md +7 -4
  5. data/assets/javascripts/bootstrap/alert.js +172 -136
  6. data/assets/javascripts/bootstrap/base-component.js +182 -0
  7. data/assets/javascripts/bootstrap/button.js +101 -142
  8. data/assets/javascripts/bootstrap/carousel.js +483 -408
  9. data/assets/javascripts/bootstrap/collapse.js +340 -273
  10. data/assets/javascripts/bootstrap/dom/data.js +68 -0
  11. data/assets/javascripts/bootstrap/dom/event-handler.js +321 -0
  12. data/assets/javascripts/bootstrap/dom/manipulator.js +88 -0
  13. data/assets/javascripts/bootstrap/dom/selector-engine.js +127 -0
  14. data/assets/javascripts/bootstrap/dropdown.js +491 -399
  15. data/assets/javascripts/bootstrap/modal.js +841 -449
  16. data/assets/javascripts/bootstrap/offcanvas.js +866 -0
  17. data/assets/javascripts/bootstrap/popover.js +121 -198
  18. data/assets/javascripts/bootstrap/scrollspy.js +256 -240
  19. data/assets/javascripts/bootstrap/tab.js +218 -154
  20. data/assets/javascripts/bootstrap/toast.js +329 -189
  21. data/assets/javascripts/bootstrap/tooltip.js +651 -552
  22. data/assets/javascripts/bootstrap-global-this-define.js +6 -0
  23. data/assets/javascripts/bootstrap-global-this-undefine.js +2 -0
  24. data/assets/javascripts/bootstrap-sprockets.js +8 -1
  25. data/assets/javascripts/bootstrap.js +3503 -2892
  26. data/assets/javascripts/bootstrap.min.js +4 -4
  27. data/assets/stylesheets/_bootstrap-grid.scss +56 -18
  28. data/assets/stylesheets/_bootstrap-reboot.scss +5 -4
  29. data/assets/stylesheets/_bootstrap.scss +20 -11
  30. data/assets/stylesheets/bootstrap/_accordion.scss +118 -0
  31. data/assets/stylesheets/bootstrap/_alert.scss +15 -9
  32. data/assets/stylesheets/bootstrap/_badge.scss +2 -27
  33. data/assets/stylesheets/bootstrap/_breadcrumb.scss +5 -18
  34. data/assets/stylesheets/bootstrap/_button-group.scss +21 -45
  35. data/assets/stylesheets/bootstrap/_buttons.scss +28 -54
  36. data/assets/stylesheets/bootstrap/_card.scss +52 -125
  37. data/assets/stylesheets/bootstrap/_carousel.scss +70 -38
  38. data/assets/stylesheets/bootstrap/_close.scss +30 -31
  39. data/assets/stylesheets/bootstrap/_containers.scss +41 -0
  40. data/assets/stylesheets/bootstrap/_dropdown.scss +88 -39
  41. data/assets/stylesheets/bootstrap/_forms.scss +9 -330
  42. data/assets/stylesheets/bootstrap/_functions.scss +243 -27
  43. data/assets/stylesheets/bootstrap/_grid.scss +14 -33
  44. data/assets/stylesheets/bootstrap/_helpers.scss +9 -0
  45. data/assets/stylesheets/bootstrap/_images.scss +3 -3
  46. data/assets/stylesheets/bootstrap/_list-group.scss +61 -36
  47. data/assets/stylesheets/bootstrap/_mixins.scss +12 -16
  48. data/assets/stylesheets/bootstrap/_modal.scss +64 -84
  49. data/assets/stylesheets/bootstrap/_nav.scss +29 -10
  50. data/assets/stylesheets/bootstrap/_navbar.scss +93 -52
  51. data/assets/stylesheets/bootstrap/_offcanvas.scss +83 -0
  52. data/assets/stylesheets/bootstrap/_pagination.scss +13 -22
  53. data/assets/stylesheets/bootstrap/_placeholders.scss +51 -0
  54. data/assets/stylesheets/bootstrap/_popover.scss +29 -42
  55. data/assets/stylesheets/bootstrap/_progress.scss +10 -5
  56. data/assets/stylesheets/bootstrap/_reboot.scss +350 -208
  57. data/assets/stylesheets/bootstrap/_root.scss +43 -8
  58. data/assets/stylesheets/bootstrap/_spinners.scss +21 -7
  59. data/assets/stylesheets/bootstrap/_tables.scss +84 -114
  60. data/assets/stylesheets/bootstrap/_toasts.scss +21 -14
  61. data/assets/stylesheets/bootstrap/_tooltip.scss +21 -21
  62. data/assets/stylesheets/bootstrap/_transitions.scss +8 -1
  63. data/assets/stylesheets/bootstrap/_type.scss +40 -61
  64. data/assets/stylesheets/bootstrap/_utilities.scss +630 -17
  65. data/assets/stylesheets/bootstrap/_variables.scss +1007 -489
  66. data/assets/stylesheets/bootstrap/bootstrap-utilities.scss +18 -0
  67. data/assets/stylesheets/bootstrap/forms/_floating-labels.scss +63 -0
  68. data/assets/stylesheets/bootstrap/forms/_form-check.scss +152 -0
  69. data/assets/stylesheets/bootstrap/forms/_form-control.scss +219 -0
  70. data/assets/stylesheets/bootstrap/forms/_form-range.scss +91 -0
  71. data/assets/stylesheets/bootstrap/forms/_form-select.scss +72 -0
  72. data/assets/stylesheets/bootstrap/forms/_form-text.scss +11 -0
  73. data/assets/stylesheets/bootstrap/forms/_input-group.scss +121 -0
  74. data/assets/stylesheets/bootstrap/forms/_labels.scss +36 -0
  75. data/assets/stylesheets/bootstrap/forms/_validation.scss +12 -0
  76. data/assets/stylesheets/bootstrap/{utilities → helpers}/_clearfix.scss +0 -0
  77. data/assets/stylesheets/bootstrap/helpers/_colored-links.scss +12 -0
  78. data/assets/stylesheets/bootstrap/helpers/_position.scss +30 -0
  79. data/assets/stylesheets/bootstrap/helpers/_ratio.scss +26 -0
  80. data/assets/stylesheets/bootstrap/helpers/_stacks.scss +15 -0
  81. data/assets/stylesheets/bootstrap/helpers/_stretched-link.scss +15 -0
  82. data/assets/stylesheets/bootstrap/helpers/_text-truncation.scss +7 -0
  83. data/assets/stylesheets/bootstrap/helpers/_visually-hidden.scss +8 -0
  84. data/assets/stylesheets/bootstrap/helpers/_vr.scss +8 -0
  85. data/assets/stylesheets/bootstrap/mixins/_alert.scss +3 -5
  86. data/assets/stylesheets/bootstrap/mixins/_backdrop.scss +14 -0
  87. data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +37 -22
  88. data/assets/stylesheets/bootstrap/mixins/_box-shadow.scss +7 -9
  89. data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +14 -10
  90. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +77 -51
  91. data/assets/stylesheets/bootstrap/mixins/_caret.scss +10 -8
  92. data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +2 -0
  93. data/assets/stylesheets/bootstrap/mixins/_color-scheme.scss +7 -0
  94. data/assets/stylesheets/bootstrap/mixins/_container.scss +9 -0
  95. data/assets/stylesheets/bootstrap/mixins/_forms.scss +67 -115
  96. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +13 -11
  97. data/assets/stylesheets/bootstrap/mixins/_grid.scss +132 -32
  98. data/assets/stylesheets/bootstrap/mixins/_image.scss +0 -20
  99. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +5 -2
  100. data/assets/stylesheets/bootstrap/mixins/_pagination.scss +17 -8
  101. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +1 -1
  102. data/assets/stylesheets/bootstrap/mixins/_table-variants.scss +21 -0
  103. data/assets/stylesheets/bootstrap/mixins/_transition.scss +18 -8
  104. data/assets/stylesheets/bootstrap/mixins/_utilities.scss +89 -0
  105. data/assets/stylesheets/bootstrap/mixins/_visually-hidden.scss +29 -0
  106. data/assets/stylesheets/bootstrap/utilities/_api.scss +47 -0
  107. data/assets/stylesheets/bootstrap/vendor/_rfs.scss +278 -128
  108. data/bootstrap.gemspec +4 -6
  109. data/lib/bootstrap/version.rb +2 -2
  110. data/tasks/updater/js.rb +25 -6
  111. data/tasks/updater/network.rb +8 -2
  112. data/test/dummy_rails/app/assets/config/manifest.js +3 -0
  113. data/test/dummy_rails/app/assets/javascripts/application.js +4 -3
  114. data/test/dummy_rails/app/assets/stylesheets/.browserslistrc +1 -0
  115. data/test/dummy_rails/app/views/layouts/application.html.erb +3 -1
  116. data/test/dummy_rails/app/views/pages/root.html +89 -0
  117. data/test/dummy_rails/config/application.rb +0 -3
  118. data/test/gemfiles/rails_6_0.gemfile +7 -0
  119. data/test/gemfiles/rails_6_1.gemfile +7 -0
  120. data/test/support/dummy_rails_integration.rb +3 -1
  121. data/test/test_helper.rb +18 -13
  122. metadata +61 -79
  123. data/assets/javascripts/bootstrap/util.js +0 -171
  124. data/assets/stylesheets/bootstrap/_code.scss +0 -48
  125. data/assets/stylesheets/bootstrap/_custom-forms.scss +0 -507
  126. data/assets/stylesheets/bootstrap/_input-group.scss +0 -193
  127. data/assets/stylesheets/bootstrap/_jumbotron.scss +0 -17
  128. data/assets/stylesheets/bootstrap/_media.scss +0 -8
  129. data/assets/stylesheets/bootstrap/_print.scss +0 -141
  130. data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +0 -21
  131. data/assets/stylesheets/bootstrap/mixins/_badge.scss +0 -17
  132. data/assets/stylesheets/bootstrap/mixins/_float.scss +0 -14
  133. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +0 -66
  134. data/assets/stylesheets/bootstrap/mixins/_hover.scss +0 -37
  135. data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +0 -10
  136. data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +0 -33
  137. data/assets/stylesheets/bootstrap/mixins/_size.scss +0 -7
  138. data/assets/stylesheets/bootstrap/mixins/_table-row.scss +0 -39
  139. data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +0 -16
  140. data/assets/stylesheets/bootstrap/mixins/_text-hide.scss +0 -11
  141. data/assets/stylesheets/bootstrap/mixins/_visibility.scss +0 -8
  142. data/assets/stylesheets/bootstrap/utilities/_align.scss +0 -8
  143. data/assets/stylesheets/bootstrap/utilities/_background.scss +0 -19
  144. data/assets/stylesheets/bootstrap/utilities/_borders.scss +0 -75
  145. data/assets/stylesheets/bootstrap/utilities/_display.scss +0 -26
  146. data/assets/stylesheets/bootstrap/utilities/_embed.scss +0 -39
  147. data/assets/stylesheets/bootstrap/utilities/_flex.scss +0 -51
  148. data/assets/stylesheets/bootstrap/utilities/_float.scss +0 -11
  149. data/assets/stylesheets/bootstrap/utilities/_overflow.scss +0 -5
  150. data/assets/stylesheets/bootstrap/utilities/_position.scss +0 -32
  151. data/assets/stylesheets/bootstrap/utilities/_screenreaders.scss +0 -11
  152. data/assets/stylesheets/bootstrap/utilities/_shadows.scss +0 -6
  153. data/assets/stylesheets/bootstrap/utilities/_sizing.scss +0 -20
  154. data/assets/stylesheets/bootstrap/utilities/_spacing.scss +0 -73
  155. data/assets/stylesheets/bootstrap/utilities/_stretched-link.scss +0 -19
  156. data/assets/stylesheets/bootstrap/utilities/_text.scss +0 -72
  157. data/assets/stylesheets/bootstrap/utilities/_visibility.scss +0 -13
  158. data/test/dummy_rails/app/views/pages/root.html.slim +0 -58
@@ -1,193 +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
- // Add width 1% and flex-basis auto to ensure that button will not wrap out
21
- // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
22
- width: 1%;
23
- margin-bottom: 0;
24
-
25
- + .form-control,
26
- + .custom-select,
27
- + .custom-file {
28
- margin-left: -$input-border-width;
29
- }
30
- }
31
-
32
- // Bring the "active" form control to the top of surrounding elements
33
- > .form-control:focus,
34
- > .custom-select:focus,
35
- > .custom-file .custom-file-input:focus ~ .custom-file-label {
36
- z-index: 3;
37
- }
38
-
39
- // Bring the custom file input above the label
40
- > .custom-file .custom-file-input:focus {
41
- z-index: 4;
42
- }
43
-
44
- > .form-control,
45
- > .custom-select {
46
- &:not(:last-child) { @include border-right-radius(0); }
47
- &:not(:first-child) { @include border-left-radius(0); }
48
- }
49
-
50
- // Custom file inputs have more complex markup, thus requiring different
51
- // border-radius overrides.
52
- > .custom-file {
53
- display: flex;
54
- align-items: center;
55
-
56
- &:not(:last-child) .custom-file-label,
57
- &:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }
58
- &:not(:first-child) .custom-file-label { @include border-left-radius(0); }
59
- }
60
- }
61
-
62
-
63
- // Prepend and append
64
- //
65
- // While it requires one extra layer of HTML for each, dedicated prepend and
66
- // append elements allow us to 1) be less clever, 2) simplify our selectors, and
67
- // 3) support HTML5 form validation.
68
-
69
- .input-group-prepend,
70
- .input-group-append {
71
- display: flex;
72
-
73
- // Ensure buttons are always above inputs for more visually pleasing borders.
74
- // This isn't needed for `.input-group-text` since it shares the same border-color
75
- // as our inputs.
76
- .btn {
77
- position: relative;
78
- z-index: 2;
79
-
80
- &:focus {
81
- z-index: 3;
82
- }
83
- }
84
-
85
- .btn + .btn,
86
- .btn + .input-group-text,
87
- .input-group-text + .input-group-text,
88
- .input-group-text + .btn {
89
- margin-left: -$input-border-width;
90
- }
91
- }
92
-
93
- .input-group-prepend { margin-right: -$input-border-width; }
94
- .input-group-append { margin-left: -$input-border-width; }
95
-
96
-
97
- // Textual addons
98
- //
99
- // Serves as a catch-all element for any text or radio/checkbox input you wish
100
- // to prepend or append to an input.
101
-
102
- .input-group-text {
103
- display: flex;
104
- align-items: center;
105
- padding: $input-padding-y $input-padding-x;
106
- margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
107
- @include font-size($input-font-size); // Match inputs
108
- font-weight: $font-weight-normal;
109
- line-height: $input-line-height;
110
- color: $input-group-addon-color;
111
- text-align: center;
112
- white-space: nowrap;
113
- background-color: $input-group-addon-bg;
114
- border: $input-border-width solid $input-group-addon-border-color;
115
- @include border-radius($input-border-radius);
116
-
117
- // Nuke default margins from checkboxes and radios to vertically center within.
118
- input[type="radio"],
119
- input[type="checkbox"] {
120
- margin-top: 0;
121
- }
122
- }
123
-
124
-
125
- // Sizing
126
- //
127
- // Remix the default form control sizing classes into new ones for easier
128
- // manipulation.
129
-
130
- .input-group-lg > .form-control:not(textarea),
131
- .input-group-lg > .custom-select {
132
- height: $input-height-lg;
133
- }
134
-
135
- .input-group-lg > .form-control,
136
- .input-group-lg > .custom-select,
137
- .input-group-lg > .input-group-prepend > .input-group-text,
138
- .input-group-lg > .input-group-append > .input-group-text,
139
- .input-group-lg > .input-group-prepend > .btn,
140
- .input-group-lg > .input-group-append > .btn {
141
- padding: $input-padding-y-lg $input-padding-x-lg;
142
- @include font-size($input-font-size-lg);
143
- line-height: $input-line-height-lg;
144
- @include border-radius($input-border-radius-lg);
145
- }
146
-
147
- .input-group-sm > .form-control:not(textarea),
148
- .input-group-sm > .custom-select {
149
- height: $input-height-sm;
150
- }
151
-
152
- .input-group-sm > .form-control,
153
- .input-group-sm > .custom-select,
154
- .input-group-sm > .input-group-prepend > .input-group-text,
155
- .input-group-sm > .input-group-append > .input-group-text,
156
- .input-group-sm > .input-group-prepend > .btn,
157
- .input-group-sm > .input-group-append > .btn {
158
- padding: $input-padding-y-sm $input-padding-x-sm;
159
- @include font-size($input-font-size-sm);
160
- line-height: $input-line-height-sm;
161
- @include border-radius($input-border-radius-sm);
162
- }
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
-
169
-
170
- // Prepend and append rounded corners
171
- //
172
- // These rulesets must come after the sizing ones to properly override sm and lg
173
- // border-radius values when extending. They're more specific than we'd like
174
- // with the `.input-group >` part, but without it, we cannot override the sizing.
175
-
176
-
177
- .input-group > .input-group-prepend > .btn,
178
- .input-group > .input-group-prepend > .input-group-text,
179
- .input-group > .input-group-append:not(:last-child) > .btn,
180
- .input-group > .input-group-append:not(:last-child) > .input-group-text,
181
- .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
182
- .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
183
- @include border-right-radius(0);
184
- }
185
-
186
- .input-group > .input-group-append > .btn,
187
- .input-group > .input-group-append > .input-group-text,
188
- .input-group > .input-group-prepend:not(:first-child) > .btn,
189
- .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
190
- .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
191
- .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
192
- @include border-left-radius(0);
193
- }
@@ -1,17 +0,0 @@
1
- .jumbotron {
2
- padding: $jumbotron-padding ($jumbotron-padding / 2);
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,141 +0,0 @@
1
- // stylelint-disable declaration-no-important, selector-no-qualifying-type
2
-
3
- // Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.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
- //
59
- // Printing Tables:
60
- // http://css-discuss.incutio.com/wiki/Printing_Tables
61
- //
62
-
63
- thead {
64
- display: table-header-group;
65
- }
66
-
67
- tr,
68
- img {
69
- page-break-inside: avoid;
70
- }
71
-
72
- p,
73
- h2,
74
- h3 {
75
- orphans: 3;
76
- widows: 3;
77
- }
78
-
79
- h2,
80
- h3 {
81
- page-break-after: avoid;
82
- }
83
-
84
- // Bootstrap specific changes start
85
-
86
- // Specify a size and min-width to make printing closer across browsers.
87
- // We don't set margin here because it breaks `size` in Chrome. We also
88
- // don't use `!important` on `size` as it breaks in Chrome.
89
- @page {
90
- size: $print-page-size;
91
- }
92
- body {
93
- min-width: $print-body-min-width !important;
94
- }
95
- .container {
96
- min-width: $print-body-min-width !important;
97
- }
98
-
99
- // Bootstrap components
100
- .navbar {
101
- display: none;
102
- }
103
- .badge {
104
- border: $border-width solid $black;
105
- }
106
-
107
- .table {
108
- border-collapse: collapse !important;
109
-
110
- td,
111
- th {
112
- background-color: $white !important;
113
- }
114
- }
115
-
116
- .table-bordered {
117
- th,
118
- td {
119
- border: 1px solid $gray-300 !important;
120
- }
121
- }
122
-
123
- .table-dark {
124
- color: inherit;
125
-
126
- th,
127
- td,
128
- thead th,
129
- tbody + tbody {
130
- border-color: $table-border-color;
131
- }
132
- }
133
-
134
- .table .thead-dark th {
135
- color: inherit;
136
- border-color: $table-border-color;
137
- }
138
-
139
- // Bootstrap specific changes end
140
- }
141
- }
@@ -1,21 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Contextual backgrounds
4
-
5
- @mixin bg-variant($parent, $color) {
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
- }
16
-
17
- @mixin bg-gradient-variant($parent, $color) {
18
- #{$parent} {
19
- background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
20
- }
21
- }
@@ -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,66 +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 / 2;
12
- padding-left: $gutter / 2;
13
- }
14
-
15
- @each $breakpoint in map-keys($breakpoints) {
16
- $infix: breakpoint-infix($breakpoint, $breakpoints);
17
-
18
- // Allow columns to stretch full width below their breakpoints
19
- @for $i from 1 through $columns {
20
- .col#{$infix}-#{$i} {
21
- @extend %grid-column;
22
- }
23
- }
24
- .col#{$infix},
25
- .col#{$infix}-auto {
26
- @extend %grid-column;
27
- }
28
-
29
- @include media-breakpoint-up($breakpoint, $breakpoints) {
30
- // Provide basic `.col-{bp}` classes for equal-width flexbox columns
31
- .col#{$infix} {
32
- flex-basis: 0;
33
- flex-grow: 1;
34
- max-width: 100%;
35
- }
36
- .col#{$infix}-auto {
37
- flex: 0 0 auto;
38
- width: auto;
39
- max-width: 100%; // Reset earlier grid tiers
40
- }
41
-
42
- @for $i from 1 through $columns {
43
- .col#{$infix}-#{$i} {
44
- @include make-col($i, $columns);
45
- }
46
- }
47
-
48
- .order#{$infix}-first { order: -1; }
49
-
50
- .order#{$infix}-last { order: $columns + 1; }
51
-
52
- @for $i from 0 through $columns {
53
- .order#{$infix}-#{$i} { order: $i; }
54
- }
55
-
56
- // `$columns - 1` because offsetting by the width of an entire row isn't possible
57
- @for $i from 0 through ($columns - 1) {
58
- @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
59
- .offset#{$infix}-#{$i} {
60
- @include make-col-offset($i, $columns);
61
- }
62
- }
63
- }
64
- }
65
- }
66
- }
@@ -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,10 +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) {
6
- height: 0;
7
- margin: $margin-y 0;
8
- overflow: hidden;
9
- border-top: 1px solid $color;
10
- }
@@ -1,33 +0,0 @@
1
- // Only display content to screen readers
2
- //
3
- // See: https://a11yproject.com/posts/how-to-hide-content/
4
- // See: https://hugogiraudel.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
- overflow: hidden;
12
- clip: rect(0, 0, 0, 0);
13
- white-space: nowrap;
14
- border: 0;
15
- }
16
-
17
- // Use in conjunction with .sr-only to only display content when it's focused.
18
- //
19
- // Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
20
- //
21
- // Credit: HTML5 Boilerplate
22
-
23
- @mixin sr-only-focusable {
24
- &:active,
25
- &:focus {
26
- position: static;
27
- width: auto;
28
- height: auto;
29
- overflow: visible;
30
- clip: auto;
31
- white-space: normal;
32
- }
33
- }
@@ -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,16 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Typography
4
-
5
- @mixin text-emphasis-variant($parent, $color) {
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
- }
@@ -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; }
@@ -1,19 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- @each $color, $value in $theme-colors {
4
- @include bg-variant(".bg-#{$color}", $value);
5
- }
6
-
7
- @if $enable-gradients {
8
- @each $color, $value in $theme-colors {
9
- @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
10
- }
11
- }
12
-
13
- .bg-white {
14
- background-color: $white !important;
15
- }
16
-
17
- .bg-transparent {
18
- background-color: transparent !important;
19
- }