bootstrap 4.3.1 → 5.3.0

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 (179) hide show
  1. checksums.yaml +4 -4
  2. data/.github/workflows/ci.yml +55 -0
  3. data/CHANGELOG.md +2 -14
  4. data/README.md +28 -5
  5. data/assets/javascripts/bootstrap/alert.js +54 -163
  6. data/assets/javascripts/bootstrap/base-component.js +83 -0
  7. data/assets/javascripts/bootstrap/button.js +44 -152
  8. data/assets/javascripts/bootstrap/carousel.js +289 -569
  9. data/assets/javascripts/bootstrap/collapse.js +170 -349
  10. data/assets/javascripts/bootstrap/dom/data.js +62 -0
  11. data/assets/javascripts/bootstrap/dom/event-handler.js +236 -0
  12. data/assets/javascripts/bootstrap/dom/manipulator.js +71 -0
  13. data/assets/javascripts/bootstrap/dom/selector-engine.js +103 -0
  14. data/assets/javascripts/bootstrap/dropdown.js +303 -496
  15. data/assets/javascripts/bootstrap/modal.js +229 -559
  16. data/assets/javascripts/bootstrap/offcanvas.js +245 -0
  17. data/assets/javascripts/bootstrap/popover.js +61 -226
  18. data/assets/javascripts/bootstrap/scrollspy.js +217 -317
  19. data/assets/javascripts/bootstrap/tab.js +220 -212
  20. data/assets/javascripts/bootstrap/toast.js +145 -229
  21. data/assets/javascripts/bootstrap/tooltip.js +421 -782
  22. data/assets/javascripts/bootstrap/util/backdrop.js +139 -0
  23. data/assets/javascripts/bootstrap/util/component-functions.js +41 -0
  24. data/assets/javascripts/bootstrap/util/config.js +67 -0
  25. data/assets/javascripts/bootstrap/util/focustrap.js +113 -0
  26. data/assets/javascripts/bootstrap/util/index.js +281 -0
  27. data/assets/javascripts/bootstrap/util/sanitizer.js +110 -0
  28. data/assets/javascripts/bootstrap/util/scrollbar.js +112 -0
  29. data/assets/javascripts/bootstrap/util/swipe.js +134 -0
  30. data/assets/javascripts/bootstrap/util/template-factory.js +150 -0
  31. data/assets/javascripts/bootstrap-global-this-define.js +6 -0
  32. data/assets/javascripts/bootstrap-global-this-undefine.js +2 -0
  33. data/assets/javascripts/bootstrap-sprockets.js +23 -7
  34. data/assets/javascripts/bootstrap.js +3690 -3639
  35. data/assets/javascripts/bootstrap.min.js +4 -4
  36. data/assets/stylesheets/_bootstrap-grid.scss +53 -20
  37. data/assets/stylesheets/_bootstrap-reboot.scss +5 -7
  38. data/assets/stylesheets/_bootstrap.scss +21 -13
  39. data/assets/stylesheets/bootstrap/_accordion.scss +158 -0
  40. data/assets/stylesheets/bootstrap/_alert.scss +32 -15
  41. data/assets/stylesheets/bootstrap/_badge.scss +15 -31
  42. data/assets/stylesheets/bootstrap/_breadcrumb.scss +23 -24
  43. data/assets/stylesheets/bootstrap/_button-group.scss +27 -48
  44. data/assets/stylesheets/bootstrap/_buttons.scss +139 -69
  45. data/assets/stylesheets/bootstrap/_card.scss +91 -141
  46. data/assets/stylesheets/bootstrap/_carousel.scss +86 -39
  47. data/assets/stylesheets/bootstrap/_close.scss +51 -29
  48. data/assets/stylesheets/bootstrap/_containers.scss +41 -0
  49. data/assets/stylesheets/bootstrap/_dropdown.scss +131 -72
  50. data/assets/stylesheets/bootstrap/_forms.scss +9 -330
  51. data/assets/stylesheets/bootstrap/_functions.scss +244 -28
  52. data/assets/stylesheets/bootstrap/_grid.scss +18 -31
  53. data/assets/stylesheets/bootstrap/_helpers.scss +12 -0
  54. data/assets/stylesheets/bootstrap/_images.scss +3 -3
  55. data/assets/stylesheets/bootstrap/_list-group.scss +101 -53
  56. data/assets/stylesheets/bootstrap/_maps.scss +174 -0
  57. data/assets/stylesheets/bootstrap/_mixins.scss +13 -18
  58. data/assets/stylesheets/bootstrap/_modal.scss +120 -112
  59. data/assets/stylesheets/bootstrap/_nav.scss +113 -24
  60. data/assets/stylesheets/bootstrap/_navbar.scss +145 -150
  61. data/assets/stylesheets/bootstrap/_offcanvas.scss +146 -0
  62. data/assets/stylesheets/bootstrap/_pagination.scss +74 -38
  63. data/assets/stylesheets/bootstrap/_placeholders.scss +51 -0
  64. data/assets/stylesheets/bootstrap/_popover.scss +99 -74
  65. data/assets/stylesheets/bootstrap/_progress.scss +40 -15
  66. data/assets/stylesheets/bootstrap/_reboot.scss +342 -215
  67. data/assets/stylesheets/bootstrap/_root.scss +174 -9
  68. data/assets/stylesheets/bootstrap/_spinners.scss +52 -22
  69. data/assets/stylesheets/bootstrap/_tables.scss +101 -115
  70. data/assets/stylesheets/bootstrap/_toasts.scss +54 -25
  71. data/assets/stylesheets/bootstrap/_tooltip.scss +67 -63
  72. data/assets/stylesheets/bootstrap/_transitions.scss +8 -1
  73. data/assets/stylesheets/bootstrap/_type.scss +42 -61
  74. data/assets/stylesheets/bootstrap/_utilities.scss +806 -17
  75. data/assets/stylesheets/bootstrap/_variables-dark.scss +85 -0
  76. data/assets/stylesheets/bootstrap/_variables.scss +1235 -615
  77. data/assets/stylesheets/bootstrap/bootstrap-utilities.scss +19 -0
  78. data/assets/stylesheets/bootstrap/forms/_floating-labels.scss +94 -0
  79. data/assets/stylesheets/bootstrap/forms/_form-check.scss +188 -0
  80. data/assets/stylesheets/bootstrap/forms/_form-control.scss +214 -0
  81. data/assets/stylesheets/bootstrap/forms/_form-range.scss +91 -0
  82. data/assets/stylesheets/bootstrap/forms/_form-select.scss +80 -0
  83. data/assets/stylesheets/bootstrap/forms/_form-text.scss +11 -0
  84. data/assets/stylesheets/bootstrap/forms/_input-group.scss +132 -0
  85. data/assets/stylesheets/bootstrap/forms/_labels.scss +36 -0
  86. data/assets/stylesheets/bootstrap/forms/_validation.scss +12 -0
  87. data/assets/stylesheets/bootstrap/helpers/_color-bg.scss +8 -0
  88. data/assets/stylesheets/bootstrap/helpers/_colored-links.scss +30 -0
  89. data/assets/stylesheets/bootstrap/helpers/_focus-ring.scss +5 -0
  90. data/assets/stylesheets/bootstrap/helpers/_icon-link.scss +25 -0
  91. data/assets/stylesheets/bootstrap/helpers/_position.scss +36 -0
  92. data/assets/stylesheets/bootstrap/helpers/_ratio.scss +26 -0
  93. data/assets/stylesheets/bootstrap/helpers/_stacks.scss +15 -0
  94. data/assets/stylesheets/bootstrap/helpers/_stretched-link.scss +15 -0
  95. data/assets/stylesheets/bootstrap/helpers/_text-truncation.scss +7 -0
  96. data/assets/stylesheets/bootstrap/helpers/_visually-hidden.scss +8 -0
  97. data/assets/stylesheets/bootstrap/helpers/_vr.scss +8 -0
  98. data/assets/stylesheets/bootstrap/mixins/_alert.scss +11 -6
  99. data/assets/stylesheets/bootstrap/mixins/_backdrop.scss +14 -0
  100. data/assets/stylesheets/bootstrap/mixins/_banner.scss +7 -0
  101. data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +37 -22
  102. data/assets/stylesheets/bootstrap/mixins/_box-shadow.scss +7 -9
  103. data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +20 -16
  104. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +60 -97
  105. data/assets/stylesheets/bootstrap/mixins/_caret.scss +34 -27
  106. data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +2 -0
  107. data/assets/stylesheets/bootstrap/mixins/_color-mode.scss +21 -0
  108. data/assets/stylesheets/bootstrap/mixins/_color-scheme.scss +7 -0
  109. data/assets/stylesheets/bootstrap/mixins/_container.scss +11 -0
  110. data/assets/stylesheets/bootstrap/mixins/_forms.scss +77 -116
  111. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +13 -11
  112. data/assets/stylesheets/bootstrap/mixins/_grid.scss +133 -33
  113. data/assets/stylesheets/bootstrap/mixins/_image.scss +0 -20
  114. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +7 -2
  115. data/assets/stylesheets/bootstrap/mixins/_pagination.scss +7 -19
  116. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +2 -2
  117. data/assets/stylesheets/bootstrap/mixins/_table-variants.scss +24 -0
  118. data/assets/stylesheets/bootstrap/mixins/_transition.scss +18 -8
  119. data/assets/stylesheets/bootstrap/mixins/_utilities.scss +97 -0
  120. data/assets/stylesheets/bootstrap/mixins/_visually-hidden.scss +33 -0
  121. data/assets/stylesheets/bootstrap/utilities/_api.scss +47 -0
  122. data/assets/stylesheets/bootstrap/vendor/_rfs.scss +276 -132
  123. data/bootstrap.gemspec +4 -6
  124. data/lib/bootstrap/version.rb +2 -2
  125. data/tasks/updater/js.rb +31 -7
  126. data/tasks/updater/network.rb +10 -4
  127. data/tasks/updater/scss.rb +1 -1
  128. data/tasks/updater.rb +2 -2
  129. data/test/dummy_rails/app/assets/config/manifest.js +3 -0
  130. data/test/dummy_rails/app/assets/javascripts/application.js +4 -3
  131. data/test/dummy_rails/app/assets/stylesheets/.browserslistrc +1 -0
  132. data/test/dummy_rails/app/views/layouts/application.html.erb +3 -1
  133. data/test/dummy_rails/app/views/pages/root.html +89 -0
  134. data/test/dummy_rails/config/application.rb +0 -3
  135. data/test/gemfiles/rails_5_2.gemfile +8 -0
  136. data/test/gemfiles/rails_6_0.gemfile +7 -0
  137. data/test/gemfiles/rails_6_1.gemfile +7 -0
  138. data/test/gemfiles/rails_7_0.gemfile +7 -0
  139. data/test/support/dummy_rails_integration.rb +3 -1
  140. data/test/test_helper.rb +18 -12
  141. metadata +86 -84
  142. data/.travis.yml +0 -17
  143. data/assets/javascripts/bootstrap/util.js +0 -171
  144. data/assets/stylesheets/bootstrap/_code.scss +0 -48
  145. data/assets/stylesheets/bootstrap/_custom-forms.scss +0 -507
  146. data/assets/stylesheets/bootstrap/_input-group.scss +0 -193
  147. data/assets/stylesheets/bootstrap/_jumbotron.scss +0 -17
  148. data/assets/stylesheets/bootstrap/_media.scss +0 -8
  149. data/assets/stylesheets/bootstrap/_print.scss +0 -141
  150. data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +0 -21
  151. data/assets/stylesheets/bootstrap/mixins/_badge.scss +0 -17
  152. data/assets/stylesheets/bootstrap/mixins/_float.scss +0 -14
  153. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +0 -66
  154. data/assets/stylesheets/bootstrap/mixins/_hover.scss +0 -37
  155. data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +0 -10
  156. data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +0 -33
  157. data/assets/stylesheets/bootstrap/mixins/_size.scss +0 -7
  158. data/assets/stylesheets/bootstrap/mixins/_table-row.scss +0 -39
  159. data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +0 -16
  160. data/assets/stylesheets/bootstrap/mixins/_text-hide.scss +0 -11
  161. data/assets/stylesheets/bootstrap/mixins/_visibility.scss +0 -8
  162. data/assets/stylesheets/bootstrap/utilities/_align.scss +0 -8
  163. data/assets/stylesheets/bootstrap/utilities/_background.scss +0 -19
  164. data/assets/stylesheets/bootstrap/utilities/_borders.scss +0 -75
  165. data/assets/stylesheets/bootstrap/utilities/_display.scss +0 -26
  166. data/assets/stylesheets/bootstrap/utilities/_embed.scss +0 -39
  167. data/assets/stylesheets/bootstrap/utilities/_flex.scss +0 -51
  168. data/assets/stylesheets/bootstrap/utilities/_float.scss +0 -11
  169. data/assets/stylesheets/bootstrap/utilities/_overflow.scss +0 -5
  170. data/assets/stylesheets/bootstrap/utilities/_position.scss +0 -32
  171. data/assets/stylesheets/bootstrap/utilities/_screenreaders.scss +0 -11
  172. data/assets/stylesheets/bootstrap/utilities/_shadows.scss +0 -6
  173. data/assets/stylesheets/bootstrap/utilities/_sizing.scss +0 -20
  174. data/assets/stylesheets/bootstrap/utilities/_spacing.scss +0 -73
  175. data/assets/stylesheets/bootstrap/utilities/_stretched-link.scss +0 -19
  176. data/assets/stylesheets/bootstrap/utilities/_text.scss +0 -72
  177. data/assets/stylesheets/bootstrap/utilities/_visibility.scss +0 -13
  178. data/test/dummy_rails/app/views/pages/root.html.slim +0 -58
  179. /data/assets/stylesheets/bootstrap/{utilities → helpers}/_clearfix.scss +0 -0
@@ -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
- }
@@ -1,75 +0,0 @@
1
- // stylelint-disable property-blacklist, declaration-no-important
2
-
3
- //
4
- // Border
5
- //
6
-
7
- .border { border: $border-width solid $border-color !important; }
8
- .border-top { border-top: $border-width solid $border-color !important; }
9
- .border-right { border-right: $border-width solid $border-color !important; }
10
- .border-bottom { border-bottom: $border-width solid $border-color !important; }
11
- .border-left { border-left: $border-width solid $border-color !important; }
12
-
13
- .border-0 { border: 0 !important; }
14
- .border-top-0 { border-top: 0 !important; }
15
- .border-right-0 { border-right: 0 !important; }
16
- .border-bottom-0 { border-bottom: 0 !important; }
17
- .border-left-0 { border-left: 0 !important; }
18
-
19
- @each $color, $value in $theme-colors {
20
- .border-#{$color} {
21
- border-color: $value !important;
22
- }
23
- }
24
-
25
- .border-white {
26
- border-color: $white !important;
27
- }
28
-
29
- //
30
- // Border-radius
31
- //
32
-
33
- .rounded-sm {
34
- border-radius: $border-radius-sm !important;
35
- }
36
-
37
- .rounded {
38
- border-radius: $border-radius !important;
39
- }
40
-
41
- .rounded-top {
42
- border-top-left-radius: $border-radius !important;
43
- border-top-right-radius: $border-radius !important;
44
- }
45
-
46
- .rounded-right {
47
- border-top-right-radius: $border-radius !important;
48
- border-bottom-right-radius: $border-radius !important;
49
- }
50
-
51
- .rounded-bottom {
52
- border-bottom-right-radius: $border-radius !important;
53
- border-bottom-left-radius: $border-radius !important;
54
- }
55
-
56
- .rounded-left {
57
- border-top-left-radius: $border-radius !important;
58
- border-bottom-left-radius: $border-radius !important;
59
- }
60
-
61
- .rounded-lg {
62
- border-radius: $border-radius-lg !important;
63
- }
64
-
65
- .rounded-circle {
66
- border-radius: 50% !important;
67
- }
68
-
69
- .rounded-pill {
70
- border-radius: $rounded-pill !important;
71
- }
72
-
73
- .rounded-0 {
74
- border-radius: 0 !important;
75
- }
@@ -1,26 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- //
4
- // Utilities for common `display` values
5
- //
6
-
7
- @each $breakpoint in map-keys($grid-breakpoints) {
8
- @include media-breakpoint-up($breakpoint) {
9
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
10
-
11
- @each $value in $displays {
12
- .d#{$infix}-#{$value} { display: $value !important; }
13
- }
14
- }
15
- }
16
-
17
-
18
- //
19
- // Utilities for toggling `display` in print
20
- //
21
-
22
- @media print {
23
- @each $value in $displays {
24
- .d-print-#{$value} { display: $value !important; }
25
- }
26
- }
@@ -1,39 +0,0 @@
1
- // Credit: Nicolas Gallagher and SUIT CSS.
2
-
3
- .embed-responsive {
4
- position: relative;
5
- display: block;
6
- width: 100%;
7
- padding: 0;
8
- overflow: hidden;
9
-
10
- &::before {
11
- display: block;
12
- content: "";
13
- }
14
-
15
- .embed-responsive-item,
16
- iframe,
17
- embed,
18
- object,
19
- video {
20
- position: absolute;
21
- top: 0;
22
- bottom: 0;
23
- left: 0;
24
- width: 100%;
25
- height: 100%;
26
- border: 0;
27
- }
28
- }
29
-
30
- @each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {
31
- $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);
32
- $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);
33
-
34
- .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {
35
- &::before {
36
- padding-top: percentage($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x);
37
- }
38
- }
39
- }
@@ -1,51 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Flex variation
4
- //
5
- // Custom styles for additional flex alignment options.
6
-
7
- @each $breakpoint in map-keys($grid-breakpoints) {
8
- @include media-breakpoint-up($breakpoint) {
9
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
10
-
11
- .flex#{$infix}-row { flex-direction: row !important; }
12
- .flex#{$infix}-column { flex-direction: column !important; }
13
- .flex#{$infix}-row-reverse { flex-direction: row-reverse !important; }
14
- .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
15
-
16
- .flex#{$infix}-wrap { flex-wrap: wrap !important; }
17
- .flex#{$infix}-nowrap { flex-wrap: nowrap !important; }
18
- .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
19
- .flex#{$infix}-fill { flex: 1 1 auto !important; }
20
- .flex#{$infix}-grow-0 { flex-grow: 0 !important; }
21
- .flex#{$infix}-grow-1 { flex-grow: 1 !important; }
22
- .flex#{$infix}-shrink-0 { flex-shrink: 0 !important; }
23
- .flex#{$infix}-shrink-1 { flex-shrink: 1 !important; }
24
-
25
- .justify-content#{$infix}-start { justify-content: flex-start !important; }
26
- .justify-content#{$infix}-end { justify-content: flex-end !important; }
27
- .justify-content#{$infix}-center { justify-content: center !important; }
28
- .justify-content#{$infix}-between { justify-content: space-between !important; }
29
- .justify-content#{$infix}-around { justify-content: space-around !important; }
30
-
31
- .align-items#{$infix}-start { align-items: flex-start !important; }
32
- .align-items#{$infix}-end { align-items: flex-end !important; }
33
- .align-items#{$infix}-center { align-items: center !important; }
34
- .align-items#{$infix}-baseline { align-items: baseline !important; }
35
- .align-items#{$infix}-stretch { align-items: stretch !important; }
36
-
37
- .align-content#{$infix}-start { align-content: flex-start !important; }
38
- .align-content#{$infix}-end { align-content: flex-end !important; }
39
- .align-content#{$infix}-center { align-content: center !important; }
40
- .align-content#{$infix}-between { align-content: space-between !important; }
41
- .align-content#{$infix}-around { align-content: space-around !important; }
42
- .align-content#{$infix}-stretch { align-content: stretch !important; }
43
-
44
- .align-self#{$infix}-auto { align-self: auto !important; }
45
- .align-self#{$infix}-start { align-self: flex-start !important; }
46
- .align-self#{$infix}-end { align-self: flex-end !important; }
47
- .align-self#{$infix}-center { align-self: center !important; }
48
- .align-self#{$infix}-baseline { align-self: baseline !important; }
49
- .align-self#{$infix}-stretch { align-self: stretch !important; }
50
- }
51
- }
@@ -1,11 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- @each $breakpoint in map-keys($grid-breakpoints) {
4
- @include media-breakpoint-up($breakpoint) {
5
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
6
-
7
- .float#{$infix}-left { float: left !important; }
8
- .float#{$infix}-right { float: right !important; }
9
- .float#{$infix}-none { float: none !important; }
10
- }
11
- }
@@ -1,5 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- @each $value in $overflows {
4
- .overflow-#{$value} { overflow: $value !important; }
5
- }