bootstrap 4.3.1 → 5.3.0

Sign up to get free protection for your applications and to get access to all the features.
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
- }