nex-bootstrap 4.6.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (163) hide show
  1. checksums.yaml +7 -0
  2. data/.gitattributes +14 -0
  3. data/.gitignore +19 -0
  4. data/.travis.yml +31 -0
  5. data/CHANGELOG.md +25 -0
  6. data/Gemfile +11 -0
  7. data/LICENSE +21 -0
  8. data/README.md +109 -0
  9. data/Rakefile +63 -0
  10. data/assets/javascripts/bootstrap/alert.js +183 -0
  11. data/assets/javascripts/bootstrap/button.js +225 -0
  12. data/assets/javascripts/bootstrap/carousel.js +640 -0
  13. data/assets/javascripts/bootstrap/collapse.js +394 -0
  14. data/assets/javascripts/bootstrap/dropdown.js +557 -0
  15. data/assets/javascripts/bootstrap/modal.js +660 -0
  16. data/assets/javascripts/bootstrap/popover.js +243 -0
  17. data/assets/javascripts/bootstrap/scrollspy.js +337 -0
  18. data/assets/javascripts/bootstrap/tab.js +259 -0
  19. data/assets/javascripts/bootstrap/toast.js +265 -0
  20. data/assets/javascripts/bootstrap/tooltip.js +886 -0
  21. data/assets/javascripts/bootstrap/util.js +189 -0
  22. data/assets/javascripts/bootstrap-sprockets.js +12 -0
  23. data/assets/javascripts/bootstrap.js +4356 -0
  24. data/assets/javascripts/bootstrap.min.js +6 -0
  25. data/assets/stylesheets/_bootstrap-grid.scss +30 -0
  26. data/assets/stylesheets/_bootstrap-reboot.scss +12 -0
  27. data/assets/stylesheets/_bootstrap.scss +44 -0
  28. data/assets/stylesheets/bootstrap/_alert.scss +52 -0
  29. data/assets/stylesheets/bootstrap/_badge.scss +54 -0
  30. data/assets/stylesheets/bootstrap/_breadcrumb.scss +42 -0
  31. data/assets/stylesheets/bootstrap/_button-group.scss +163 -0
  32. data/assets/stylesheets/bootstrap/_buttons.scss +142 -0
  33. data/assets/stylesheets/bootstrap/_card.scss +286 -0
  34. data/assets/stylesheets/bootstrap/_carousel.scss +200 -0
  35. data/assets/stylesheets/bootstrap/_close.scss +40 -0
  36. data/assets/stylesheets/bootstrap/_code.scss +48 -0
  37. data/assets/stylesheets/bootstrap/_custom-forms.scss +526 -0
  38. data/assets/stylesheets/bootstrap/_dropdown.scss +192 -0
  39. data/assets/stylesheets/bootstrap/_forms.scss +347 -0
  40. data/assets/stylesheets/bootstrap/_functions.scss +190 -0
  41. data/assets/stylesheets/bootstrap/_grid.scss +73 -0
  42. data/assets/stylesheets/bootstrap/_images.scss +42 -0
  43. data/assets/stylesheets/bootstrap/_input-group.scss +211 -0
  44. data/assets/stylesheets/bootstrap/_jumbotron.scss +17 -0
  45. data/assets/stylesheets/bootstrap/_list-group.scss +154 -0
  46. data/assets/stylesheets/bootstrap/_media.scss +8 -0
  47. data/assets/stylesheets/bootstrap/_mixins.scss +47 -0
  48. data/assets/stylesheets/bootstrap/_modal.scss +240 -0
  49. data/assets/stylesheets/bootstrap/_nav.scss +125 -0
  50. data/assets/stylesheets/bootstrap/_navbar.scss +332 -0
  51. data/assets/stylesheets/bootstrap/_pagination.scss +74 -0
  52. data/assets/stylesheets/bootstrap/_popover.scss +170 -0
  53. data/assets/stylesheets/bootstrap/_print.scss +132 -0
  54. data/assets/stylesheets/bootstrap/_progress.scss +47 -0
  55. data/assets/stylesheets/bootstrap/_reboot.scss +484 -0
  56. data/assets/stylesheets/bootstrap/_root.scss +19 -0
  57. data/assets/stylesheets/bootstrap/_spinners.scss +65 -0
  58. data/assets/stylesheets/bootstrap/_tables.scss +185 -0
  59. data/assets/stylesheets/bootstrap/_toasts.scss +46 -0
  60. data/assets/stylesheets/bootstrap/_tooltip.scss +115 -0
  61. data/assets/stylesheets/bootstrap/_transitions.scss +26 -0
  62. data/assets/stylesheets/bootstrap/_type.scss +125 -0
  63. data/assets/stylesheets/bootstrap/_utilities.scss +18 -0
  64. data/assets/stylesheets/bootstrap/_variables.scss +1149 -0
  65. data/assets/stylesheets/bootstrap/mixins/_alert.scss +13 -0
  66. data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +23 -0
  67. data/assets/stylesheets/bootstrap/mixins/_badge.scss +17 -0
  68. data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +76 -0
  69. data/assets/stylesheets/bootstrap/mixins/_box-shadow.scss +20 -0
  70. data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +123 -0
  71. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +110 -0
  72. data/assets/stylesheets/bootstrap/mixins/_caret.scss +62 -0
  73. data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +7 -0
  74. data/assets/stylesheets/bootstrap/mixins/_deprecate.scss +10 -0
  75. data/assets/stylesheets/bootstrap/mixins/_float.scss +14 -0
  76. data/assets/stylesheets/bootstrap/mixins/_forms.scss +195 -0
  77. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +45 -0
  78. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +80 -0
  79. data/assets/stylesheets/bootstrap/mixins/_grid.scss +69 -0
  80. data/assets/stylesheets/bootstrap/mixins/_hover.scss +37 -0
  81. data/assets/stylesheets/bootstrap/mixins/_image.scss +36 -0
  82. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +21 -0
  83. data/assets/stylesheets/bootstrap/mixins/_lists.scss +7 -0
  84. data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +11 -0
  85. data/assets/stylesheets/bootstrap/mixins/_pagination.scss +22 -0
  86. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +17 -0
  87. data/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  88. data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +34 -0
  89. data/assets/stylesheets/bootstrap/mixins/_size.scss +7 -0
  90. data/assets/stylesheets/bootstrap/mixins/_table-row.scss +39 -0
  91. data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +17 -0
  92. data/assets/stylesheets/bootstrap/mixins/_text-hide.scss +11 -0
  93. data/assets/stylesheets/bootstrap/mixins/_text-truncate.scss +8 -0
  94. data/assets/stylesheets/bootstrap/mixins/_transition.scss +26 -0
  95. data/assets/stylesheets/bootstrap/mixins/_visibility.scss +8 -0
  96. data/assets/stylesheets/bootstrap/utilities/_align.scss +8 -0
  97. data/assets/stylesheets/bootstrap/utilities/_background.scss +19 -0
  98. data/assets/stylesheets/bootstrap/utilities/_borders.scss +75 -0
  99. data/assets/stylesheets/bootstrap/utilities/_clearfix.scss +3 -0
  100. data/assets/stylesheets/bootstrap/utilities/_display.scss +26 -0
  101. data/assets/stylesheets/bootstrap/utilities/_embed.scss +39 -0
  102. data/assets/stylesheets/bootstrap/utilities/_flex.scss +51 -0
  103. data/assets/stylesheets/bootstrap/utilities/_float.scss +11 -0
  104. data/assets/stylesheets/bootstrap/utilities/_interactions.scss +5 -0
  105. data/assets/stylesheets/bootstrap/utilities/_overflow.scss +5 -0
  106. data/assets/stylesheets/bootstrap/utilities/_position.scss +32 -0
  107. data/assets/stylesheets/bootstrap/utilities/_screenreaders.scss +11 -0
  108. data/assets/stylesheets/bootstrap/utilities/_shadows.scss +6 -0
  109. data/assets/stylesheets/bootstrap/utilities/_sizing.scss +20 -0
  110. data/assets/stylesheets/bootstrap/utilities/_spacing.scss +73 -0
  111. data/assets/stylesheets/bootstrap/utilities/_stretched-link.scss +19 -0
  112. data/assets/stylesheets/bootstrap/utilities/_text.scss +72 -0
  113. data/assets/stylesheets/bootstrap/utilities/_visibility.scss +13 -0
  114. data/assets/stylesheets/bootstrap/vendor/_rfs.scss +228 -0
  115. data/bootstrap.gemspec +38 -0
  116. data/lib/bootstrap/engine.rb +15 -0
  117. data/lib/bootstrap/version.rb +6 -0
  118. data/lib/bootstrap.rb +75 -0
  119. data/tasks/updater/js.rb +68 -0
  120. data/tasks/updater/logger.rb +57 -0
  121. data/tasks/updater/network.rb +103 -0
  122. data/tasks/updater/scss.rb +26 -0
  123. data/tasks/updater.rb +67 -0
  124. data/test/dummy_rails/README.rdoc +3 -0
  125. data/test/dummy_rails/Rakefile +6 -0
  126. data/test/dummy_rails/app/assets/config/manifest.js +3 -0
  127. data/test/dummy_rails/app/assets/images/.keep +0 -0
  128. data/test/dummy_rails/app/assets/javascripts/application.js +7 -0
  129. data/test/dummy_rails/app/assets/stylesheets/.browserslistrc +1 -0
  130. data/test/dummy_rails/app/assets/stylesheets/application.sass +4 -0
  131. data/test/dummy_rails/app/controllers/application_controller.rb +5 -0
  132. data/test/dummy_rails/app/controllers/pages_controller.rb +4 -0
  133. data/test/dummy_rails/app/helpers/application_helper.rb +2 -0
  134. data/test/dummy_rails/app/views/layouts/application.html.erb +14 -0
  135. data/test/dummy_rails/app/views/pages/root.html.slim +58 -0
  136. data/test/dummy_rails/config/application.rb +35 -0
  137. data/test/dummy_rails/config/boot.rb +5 -0
  138. data/test/dummy_rails/config/environment.rb +5 -0
  139. data/test/dummy_rails/config/environments/development.rb +23 -0
  140. data/test/dummy_rails/config/environments/production.rb +82 -0
  141. data/test/dummy_rails/config/environments/test.rb +38 -0
  142. data/test/dummy_rails/config/initializers/backtrace_silencers.rb +7 -0
  143. data/test/dummy_rails/config/initializers/filter_parameter_logging.rb +4 -0
  144. data/test/dummy_rails/config/initializers/inflections.rb +16 -0
  145. data/test/dummy_rails/config/initializers/mime_types.rb +5 -0
  146. data/test/dummy_rails/config/initializers/secret_token.rb +18 -0
  147. data/test/dummy_rails/config/initializers/session_store.rb +3 -0
  148. data/test/dummy_rails/config/initializers/wrap_parameters.rb +14 -0
  149. data/test/dummy_rails/config/locales/en.yml +3 -0
  150. data/test/dummy_rails/config/locales/es.yml +3 -0
  151. data/test/dummy_rails/config/routes.rb +3 -0
  152. data/test/dummy_rails/config.ru +4 -0
  153. data/test/dummy_rails/log/.keep +0 -0
  154. data/test/gemfiles/rails_4_2.gemfile +7 -0
  155. data/test/gemfiles/rails_5_0.gemfile +8 -0
  156. data/test/gemfiles/rails_5_1.gemfile +8 -0
  157. data/test/gemfiles/rails_6_0.gemfile +7 -0
  158. data/test/rails_test.rb +24 -0
  159. data/test/support/dummy_rails_integration.rb +31 -0
  160. data/test/support/reporting.rb +27 -0
  161. data/test/test_helper.rb +41 -0
  162. data/test/test_helper_rails.rb +6 -0
  163. metadata +445 -0
@@ -0,0 +1,45 @@
1
+ // Gradients
2
+
3
+ @mixin gradient-bg($color) {
4
+ @if $enable-gradients {
5
+ background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;
6
+ } @else {
7
+ background-color: $color;
8
+ }
9
+ }
10
+
11
+ // Horizontal gradient, from left to right
12
+ //
13
+ // Creates two color stops, start and end, by specifying a color and position for each color stop.
14
+ @mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
15
+ background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
16
+ background-repeat: repeat-x;
17
+ }
18
+
19
+ // Vertical gradient, from top to bottom
20
+ //
21
+ // Creates two color stops, start and end, by specifying a color and position for each color stop.
22
+ @mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {
23
+ background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
24
+ background-repeat: repeat-x;
25
+ }
26
+
27
+ @mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {
28
+ background-image: linear-gradient($deg, $start-color, $end-color);
29
+ background-repeat: repeat-x;
30
+ }
31
+ @mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
32
+ background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
33
+ background-repeat: no-repeat;
34
+ }
35
+ @mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {
36
+ background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
37
+ background-repeat: no-repeat;
38
+ }
39
+ @mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {
40
+ background-image: radial-gradient(circle, $inner-color, $outer-color);
41
+ background-repeat: no-repeat;
42
+ }
43
+ @mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {
44
+ background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
45
+ }
@@ -0,0 +1,80 @@
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
+ }
@@ -0,0 +1,69 @@
1
+ /// Grid system
2
+ //
3
+ // Generate semantic grid columns with these mixins.
4
+
5
+ @mixin make-container($gutter: $grid-gutter-width) {
6
+ width: 100%;
7
+ padding-right: $gutter * .5;
8
+ padding-left: $gutter * .5;
9
+ margin-right: auto;
10
+ margin-left: auto;
11
+ }
12
+
13
+ @mixin make-row($gutter: $grid-gutter-width) {
14
+ display: flex;
15
+ flex-wrap: wrap;
16
+ margin-right: -$gutter * .5;
17
+ margin-left: -$gutter * .5;
18
+ }
19
+
20
+ // For each breakpoint, define the maximum width of the container in a media query
21
+ @mixin make-container-max-widths($max-widths: $container-max-widths, $breakpoints: $grid-breakpoints) {
22
+ @each $breakpoint, $container-max-width in $max-widths {
23
+ @include media-breakpoint-up($breakpoint, $breakpoints) {
24
+ max-width: $container-max-width;
25
+ }
26
+ }
27
+ @include deprecate("The `make-container-max-widths` mixin", "v4.5.2", "v5");
28
+ }
29
+
30
+ @mixin make-col-ready($gutter: $grid-gutter-width) {
31
+ position: relative;
32
+ // Prevent columns from becoming too narrow when at smaller grid tiers by
33
+ // always setting `width: 100%;`. This works because we use `flex` values
34
+ // later on to override this initial width.
35
+ width: 100%;
36
+ padding-right: $gutter * .5;
37
+ padding-left: $gutter * .5;
38
+ }
39
+
40
+ @mixin make-col($size, $columns: $grid-columns) {
41
+ flex: 0 0 percentage(divide($size, $columns));
42
+ // Add a `max-width` to ensure content within each column does not blow out
43
+ // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
44
+ // do not appear to require this.
45
+ max-width: percentage(divide($size, $columns));
46
+ }
47
+
48
+ @mixin make-col-auto() {
49
+ flex: 0 0 auto;
50
+ width: auto;
51
+ max-width: 100%; // Reset earlier grid tiers
52
+ }
53
+
54
+ @mixin make-col-offset($size, $columns: $grid-columns) {
55
+ $num: divide($size, $columns);
56
+ margin-left: if($num == 0, 0, percentage($num));
57
+ }
58
+
59
+ // Row columns
60
+ //
61
+ // Specify on a parent element(e.g., .row) to force immediate children into NN
62
+ // numberof columns. Supports wrapping to new lines, but does not do a Masonry
63
+ // style grid.
64
+ @mixin row-cols($count) {
65
+ > * {
66
+ flex: 0 0 divide(100%, $count);
67
+ max-width: divide(100%, $count);
68
+ }
69
+ }
@@ -0,0 +1,37 @@
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
+ }
@@ -0,0 +1,36 @@
1
+ // Image Mixins
2
+ // - Responsive image
3
+ // - Retina image
4
+
5
+
6
+ // Responsive image
7
+ //
8
+ // Keep images from scaling beyond the width of their parents.
9
+
10
+ @mixin img-fluid() {
11
+ // Part 1: Set a maximum relative to the parent
12
+ max-width: 100%;
13
+ // Part 2: Override the height to auto, otherwise images will be stretched
14
+ // when setting a width and height attribute on the img element.
15
+ height: auto;
16
+ }
17
+
18
+
19
+ // Retina image
20
+ //
21
+ // Short retina mixin for setting background-image and -size.
22
+
23
+ @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
24
+ background-image: url($file-1x);
25
+
26
+ // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
27
+ // but doesn't convert dppx=>dpi.
28
+ // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
29
+ // Compatibility info: https://caniuse.com/css-media-resolution
30
+ @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
31
+ only screen and (min-resolution: 2dppx) { // Standardized
32
+ background-image: url($file-2x);
33
+ background-size: $width-1x $height-1x;
34
+ }
35
+ @include deprecate("`img-retina()`", "v4.3.0", "v5");
36
+ }
@@ -0,0 +1,21 @@
1
+ // List Groups
2
+
3
+ @mixin list-group-item-variant($state, $background, $color) {
4
+ .list-group-item-#{$state} {
5
+ color: $color;
6
+ background-color: $background;
7
+
8
+ &.list-group-item-action {
9
+ @include hover-focus() {
10
+ color: $color;
11
+ background-color: darken($background, 5%);
12
+ }
13
+
14
+ &.active {
15
+ color: $white;
16
+ background-color: $color;
17
+ border-color: $color;
18
+ }
19
+ }
20
+ }
21
+ }
@@ -0,0 +1,7 @@
1
+ // Lists
2
+
3
+ // Unstyled keeps list items block level, just removes default browser padding and list-style
4
+ @mixin list-unstyled() {
5
+ padding-left: 0;
6
+ list-style: none;
7
+ }
@@ -0,0 +1,11 @@
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
+ }
@@ -0,0 +1,22 @@
1
+ // Pagination
2
+
3
+ @mixin pagination-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
4
+ .page-link {
5
+ padding: $padding-y $padding-x;
6
+ @include font-size($font-size);
7
+ line-height: $line-height;
8
+ }
9
+
10
+ .page-item {
11
+ &:first-child {
12
+ .page-link {
13
+ @include border-left-radius($border-radius);
14
+ }
15
+ }
16
+ &:last-child {
17
+ .page-link {
18
+ @include border-right-radius($border-radius);
19
+ }
20
+ }
21
+ }
22
+ }
@@ -0,0 +1,17 @@
1
+ @mixin reset-text() {
2
+ font-family: $font-family-base;
3
+ // We deliberately do NOT reset font-size or word-wrap.
4
+ font-style: normal;
5
+ font-weight: $font-weight-normal;
6
+ line-height: $line-height-base;
7
+ text-align: left; // Fallback for where `start` is not supported
8
+ text-align: start;
9
+ text-decoration: none;
10
+ text-shadow: none;
11
+ text-transform: none;
12
+ letter-spacing: normal;
13
+ word-break: normal;
14
+ white-space: normal;
15
+ word-spacing: normal;
16
+ line-break: auto;
17
+ }
@@ -0,0 +1,6 @@
1
+ // Resize anything
2
+
3
+ @mixin resizable($direction) {
4
+ overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
5
+ resize: $direction; // Options: horizontal, vertical, both
6
+ }
@@ -0,0 +1,34 @@
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
+ }
@@ -0,0 +1,7 @@
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
+ }
@@ -0,0 +1,39 @@
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
+ }
@@ -0,0 +1,17 @@
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
+ }
@@ -0,0 +1,11 @@
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
+ }
@@ -0,0 +1,8 @@
1
+ // Text truncate
2
+ // Requires inline-block or block for proper styling
3
+
4
+ @mixin text-truncate() {
5
+ overflow: hidden;
6
+ text-overflow: ellipsis;
7
+ white-space: nowrap;
8
+ }
@@ -0,0 +1,26 @@
1
+ // stylelint-disable property-disallowed-list
2
+ @mixin transition($transition...) {
3
+ @if length($transition) == 0 {
4
+ $transition: $transition-base;
5
+ }
6
+
7
+ @if length($transition) > 1 {
8
+ @each $value in $transition {
9
+ @if $value == null or $value == none {
10
+ @warn "The keyword 'none' or 'null' must be used as a single argument.";
11
+ }
12
+ }
13
+ }
14
+
15
+ @if $enable-transitions {
16
+ @if nth($transition, 1) != null {
17
+ transition: $transition;
18
+ }
19
+
20
+ @if $enable-prefers-reduced-motion-media-query and nth($transition, 1) != null and nth($transition, 1) != none {
21
+ @media (prefers-reduced-motion: reduce) {
22
+ transition: none;
23
+ }
24
+ }
25
+ }
26
+ }
@@ -0,0 +1,8 @@
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
+ }
@@ -0,0 +1,8 @@
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; }
@@ -0,0 +1,19 @@
1
+ // stylelint-disable declaration-no-important
2
+
3
+ @each $color, $value in $theme-colors {
4
+ @include bg-variant(".bg-#{$color}", $value, true);
5
+ }
6
+
7
+ @if $enable-gradients {
8
+ @each $color, $value in $theme-colors {
9
+ @include bg-gradient-variant(".bg-gradient-#{$color}", $value, true);
10
+ }
11
+ }
12
+
13
+ .bg-white {
14
+ background-color: $white !important;
15
+ }
16
+
17
+ .bg-transparent {
18
+ background-color: transparent !important;
19
+ }
@@ -0,0 +1,75 @@
1
+ // stylelint-disable property-disallowed-list, 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
+ }
@@ -0,0 +1,3 @@
1
+ .clearfix {
2
+ @include clearfix();
3
+ }
@@ -0,0 +1,26 @@
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
+ }