bootstrap 4.6.2 → 5.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (149) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +2 -1
  3. data/README.md +7 -4
  4. data/assets/javascripts/bootstrap/alert.js +192 -115
  5. data/assets/javascripts/bootstrap/base-component.js +63 -0
  6. data/assets/javascripts/bootstrap/button.js +96 -179
  7. data/assets/javascripts/bootstrap/carousel.js +472 -359
  8. data/assets/javascripts/bootstrap/collapse.js +379 -225
  9. data/assets/javascripts/bootstrap/dom/data.js +68 -0
  10. data/assets/javascripts/bootstrap/dom/event-handler.js +322 -0
  11. data/assets/javascripts/bootstrap/dom/manipulator.js +88 -0
  12. data/assets/javascripts/bootstrap/dom/selector-engine.js +85 -0
  13. data/assets/javascripts/bootstrap/dropdown.js +472 -355
  14. data/assets/javascripts/bootstrap/modal.js +612 -438
  15. data/assets/javascripts/bootstrap/offcanvas.js +671 -0
  16. data/assets/javascripts/bootstrap/popover.js +138 -167
  17. data/assets/javascripts/bootstrap/scrollspy.js +250 -192
  18. data/assets/javascripts/bootstrap/tab.js +241 -144
  19. data/assets/javascripts/bootstrap/toast.js +223 -157
  20. data/assets/javascripts/bootstrap/tooltip.js +651 -487
  21. data/assets/javascripts/bootstrap-global-this-define.js +6 -0
  22. data/assets/javascripts/bootstrap-global-this-undefine.js +2 -0
  23. data/assets/javascripts/bootstrap-sprockets.js +8 -1
  24. data/assets/javascripts/bootstrap.js +3277 -2590
  25. data/assets/javascripts/bootstrap.min.js +3 -3
  26. data/assets/stylesheets/_bootstrap-grid.scss +53 -18
  27. data/assets/stylesheets/_bootstrap-reboot.scss +6 -3
  28. data/assets/stylesheets/_bootstrap.scss +18 -10
  29. data/assets/stylesheets/bootstrap/_accordion.scss +118 -0
  30. data/assets/stylesheets/bootstrap/_alert.scss +15 -10
  31. data/assets/stylesheets/bootstrap/_badge.scss +2 -27
  32. data/assets/stylesheets/bootstrap/_breadcrumb.scss +3 -17
  33. data/assets/stylesheets/bootstrap/_button-group.scss +21 -45
  34. data/assets/stylesheets/bootstrap/_buttons.scss +29 -60
  35. data/assets/stylesheets/bootstrap/_card.scss +20 -91
  36. data/assets/stylesheets/bootstrap/_carousel.scss +64 -35
  37. data/assets/stylesheets/bootstrap/_close.scss +30 -30
  38. data/assets/stylesheets/bootstrap/_containers.scss +41 -0
  39. data/assets/stylesheets/bootstrap/_dropdown.scss +84 -36
  40. data/assets/stylesheets/bootstrap/_forms.scss +9 -347
  41. data/assets/stylesheets/bootstrap/_functions.scss +84 -69
  42. data/assets/stylesheets/bootstrap/_grid.scss +3 -54
  43. data/assets/stylesheets/bootstrap/_helpers.scss +7 -0
  44. data/assets/stylesheets/bootstrap/_images.scss +1 -1
  45. data/assets/stylesheets/bootstrap/_list-group.scss +28 -8
  46. data/assets/stylesheets/bootstrap/_mixins.scss +8 -13
  47. data/assets/stylesheets/bootstrap/_modal.scss +45 -57
  48. data/assets/stylesheets/bootstrap/_nav.scss +20 -6
  49. data/assets/stylesheets/bootstrap/_navbar.scss +45 -71
  50. data/assets/stylesheets/bootstrap/_offcanvas.scss +77 -0
  51. data/assets/stylesheets/bootstrap/_pagination.scss +10 -20
  52. data/assets/stylesheets/bootstrap/_popover.scss +24 -36
  53. data/assets/stylesheets/bootstrap/_progress.scss +5 -4
  54. data/assets/stylesheets/bootstrap/_reboot.scss +316 -179
  55. data/assets/stylesheets/bootstrap/_root.scss +5 -8
  56. data/assets/stylesheets/bootstrap/_spinners.scss +11 -7
  57. data/assets/stylesheets/bootstrap/_tables.scss +79 -114
  58. data/assets/stylesheets/bootstrap/_toasts.scss +20 -15
  59. data/assets/stylesheets/bootstrap/_tooltip.scss +21 -21
  60. data/assets/stylesheets/bootstrap/_transitions.scss +2 -7
  61. data/assets/stylesheets/bootstrap/_type.scss +38 -59
  62. data/assets/stylesheets/bootstrap/_utilities.scss +594 -18
  63. data/assets/stylesheets/bootstrap/_variables.scss +800 -485
  64. data/assets/stylesheets/bootstrap/bootstrap-utilities.scss +18 -0
  65. data/assets/stylesheets/bootstrap/forms/_floating-labels.scss +61 -0
  66. data/assets/stylesheets/bootstrap/forms/_form-check.scss +152 -0
  67. data/assets/stylesheets/bootstrap/forms/_form-control.scss +219 -0
  68. data/assets/stylesheets/bootstrap/forms/_form-range.scss +91 -0
  69. data/assets/stylesheets/bootstrap/forms/_form-select.scss +67 -0
  70. data/assets/stylesheets/bootstrap/forms/_form-text.scss +11 -0
  71. data/assets/stylesheets/bootstrap/forms/_input-group.scss +121 -0
  72. data/assets/stylesheets/bootstrap/forms/_labels.scss +36 -0
  73. data/assets/stylesheets/bootstrap/forms/_validation.scss +12 -0
  74. data/assets/stylesheets/bootstrap/helpers/_colored-links.scss +12 -0
  75. data/assets/stylesheets/bootstrap/helpers/_position.scss +30 -0
  76. data/assets/stylesheets/bootstrap/helpers/_ratio.scss +26 -0
  77. data/assets/stylesheets/bootstrap/helpers/_stretched-link.scss +15 -0
  78. data/assets/stylesheets/bootstrap/helpers/_text-truncation.scss +7 -0
  79. data/assets/stylesheets/bootstrap/helpers/_visually-hidden.scss +8 -0
  80. data/assets/stylesheets/bootstrap/mixins/_alert.scss +3 -5
  81. data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +10 -8
  82. data/assets/stylesheets/bootstrap/mixins/_box-shadow.scss +7 -9
  83. data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +14 -10
  84. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +71 -48
  85. data/assets/stylesheets/bootstrap/mixins/_caret.scss +10 -8
  86. data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +2 -0
  87. data/assets/stylesheets/bootstrap/mixins/_color-scheme.scss +7 -0
  88. data/assets/stylesheets/bootstrap/mixins/_container.scss +9 -0
  89. data/assets/stylesheets/bootstrap/mixins/_forms.scss +39 -97
  90. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +13 -11
  91. data/assets/stylesheets/bootstrap/mixins/_grid.scss +90 -34
  92. data/assets/stylesheets/bootstrap/mixins/_image.scss +1 -21
  93. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +5 -2
  94. data/assets/stylesheets/bootstrap/mixins/_lists.scss +1 -1
  95. data/assets/stylesheets/bootstrap/mixins/_pagination.scss +17 -8
  96. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +3 -3
  97. data/assets/stylesheets/bootstrap/mixins/_table-variants.scss +21 -0
  98. data/assets/stylesheets/bootstrap/mixins/_transition.scss +1 -1
  99. data/assets/stylesheets/bootstrap/mixins/_utilities.scss +68 -0
  100. data/assets/stylesheets/bootstrap/mixins/_visually-hidden.scss +29 -0
  101. data/assets/stylesheets/bootstrap/utilities/_api.scss +47 -0
  102. data/assets/stylesheets/bootstrap/vendor/_rfs.scss +214 -130
  103. data/bootstrap.gemspec +1 -3
  104. data/lib/bootstrap/version.rb +2 -2
  105. data/tasks/updater/js.rb +19 -16
  106. data/test/dummy_rails/app/assets/javascripts/application.js +4 -3
  107. data/test/dummy_rails/app/views/layouts/application.html.erb +3 -1
  108. data/test/dummy_rails/app/views/pages/root.html +89 -0
  109. data/test/dummy_rails/config/application.rb +0 -3
  110. data/test/gemfiles/rails_6_1.gemfile +7 -0
  111. metadata +45 -73
  112. data/assets/javascripts/bootstrap/util.js +0 -189
  113. data/assets/stylesheets/bootstrap/_code.scss +0 -48
  114. data/assets/stylesheets/bootstrap/_custom-forms.scss +0 -526
  115. data/assets/stylesheets/bootstrap/_input-group.scss +0 -211
  116. data/assets/stylesheets/bootstrap/_jumbotron.scss +0 -17
  117. data/assets/stylesheets/bootstrap/_media.scss +0 -8
  118. data/assets/stylesheets/bootstrap/_print.scss +0 -132
  119. data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +0 -23
  120. data/assets/stylesheets/bootstrap/mixins/_badge.scss +0 -17
  121. data/assets/stylesheets/bootstrap/mixins/_float.scss +0 -14
  122. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +0 -80
  123. data/assets/stylesheets/bootstrap/mixins/_hover.scss +0 -37
  124. data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +0 -11
  125. data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +0 -34
  126. data/assets/stylesheets/bootstrap/mixins/_size.scss +0 -7
  127. data/assets/stylesheets/bootstrap/mixins/_table-row.scss +0 -39
  128. data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +0 -17
  129. data/assets/stylesheets/bootstrap/mixins/_text-hide.scss +0 -11
  130. data/assets/stylesheets/bootstrap/mixins/_visibility.scss +0 -8
  131. data/assets/stylesheets/bootstrap/utilities/_align.scss +0 -8
  132. data/assets/stylesheets/bootstrap/utilities/_background.scss +0 -19
  133. data/assets/stylesheets/bootstrap/utilities/_borders.scss +0 -75
  134. data/assets/stylesheets/bootstrap/utilities/_display.scss +0 -26
  135. data/assets/stylesheets/bootstrap/utilities/_embed.scss +0 -39
  136. data/assets/stylesheets/bootstrap/utilities/_flex.scss +0 -51
  137. data/assets/stylesheets/bootstrap/utilities/_float.scss +0 -11
  138. data/assets/stylesheets/bootstrap/utilities/_interactions.scss +0 -5
  139. data/assets/stylesheets/bootstrap/utilities/_overflow.scss +0 -5
  140. data/assets/stylesheets/bootstrap/utilities/_position.scss +0 -32
  141. data/assets/stylesheets/bootstrap/utilities/_screenreaders.scss +0 -11
  142. data/assets/stylesheets/bootstrap/utilities/_shadows.scss +0 -6
  143. data/assets/stylesheets/bootstrap/utilities/_sizing.scss +0 -20
  144. data/assets/stylesheets/bootstrap/utilities/_spacing.scss +0 -73
  145. data/assets/stylesheets/bootstrap/utilities/_stretched-link.scss +0 -19
  146. data/assets/stylesheets/bootstrap/utilities/_text.scss +0 -72
  147. data/assets/stylesheets/bootstrap/utilities/_visibility.scss +0 -13
  148. data/test/dummy_rails/app/views/pages/root.html.slim +0 -58
  149. /data/assets/stylesheets/bootstrap/{utilities → helpers}/_clearfix.scss +0 -0
@@ -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, 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
- }
@@ -1,75 +0,0 @@
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
- }
@@ -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(divide($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 $user-selects {
4
- .user-select-#{$value} { user-select: $value !important; }
5
- }
@@ -1,5 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- @each $value in $overflows {
4
- .overflow-#{$value} { overflow: $value !important; }
5
- }
@@ -1,32 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Common values
4
- @each $position in $positions {
5
- .position-#{$position} { position: $position !important; }
6
- }
7
-
8
- // Shorthand
9
-
10
- .fixed-top {
11
- position: fixed;
12
- top: 0;
13
- right: 0;
14
- left: 0;
15
- z-index: $zindex-fixed;
16
- }
17
-
18
- .fixed-bottom {
19
- position: fixed;
20
- right: 0;
21
- bottom: 0;
22
- left: 0;
23
- z-index: $zindex-fixed;
24
- }
25
-
26
- .sticky-top {
27
- @supports (position: sticky) {
28
- position: sticky;
29
- top: 0;
30
- z-index: $zindex-sticky;
31
- }
32
- }
@@ -1,11 +0,0 @@
1
- //
2
- // Screenreaders
3
- //
4
-
5
- .sr-only {
6
- @include sr-only();
7
- }
8
-
9
- .sr-only-focusable {
10
- @include sr-only-focusable();
11
- }
@@ -1,6 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- .shadow-sm { box-shadow: $box-shadow-sm !important; }
4
- .shadow { box-shadow: $box-shadow !important; }
5
- .shadow-lg { box-shadow: $box-shadow-lg !important; }
6
- .shadow-none { box-shadow: none !important; }
@@ -1,20 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Width and height
4
-
5
- @each $prop, $abbrev in (width: w, height: h) {
6
- @each $size, $length in $sizes {
7
- .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
8
- }
9
- }
10
-
11
- .mw-100 { max-width: 100% !important; }
12
- .mh-100 { max-height: 100% !important; }
13
-
14
- // Viewport additional helpers
15
-
16
- .min-vw-100 { min-width: 100vw !important; }
17
- .min-vh-100 { min-height: 100vh !important; }
18
-
19
- .vw-100 { width: 100vw !important; }
20
- .vh-100 { height: 100vh !important; }
@@ -1,73 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Margin and Padding
4
-
5
- @each $breakpoint in map-keys($grid-breakpoints) {
6
- @include media-breakpoint-up($breakpoint) {
7
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
8
-
9
- @each $prop, $abbrev in (margin: m, padding: p) {
10
- @each $size, $length in $spacers {
11
- .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
12
- .#{$abbrev}t#{$infix}-#{$size},
13
- .#{$abbrev}y#{$infix}-#{$size} {
14
- #{$prop}-top: $length !important;
15
- }
16
- .#{$abbrev}r#{$infix}-#{$size},
17
- .#{$abbrev}x#{$infix}-#{$size} {
18
- #{$prop}-right: $length !important;
19
- }
20
- .#{$abbrev}b#{$infix}-#{$size},
21
- .#{$abbrev}y#{$infix}-#{$size} {
22
- #{$prop}-bottom: $length !important;
23
- }
24
- .#{$abbrev}l#{$infix}-#{$size},
25
- .#{$abbrev}x#{$infix}-#{$size} {
26
- #{$prop}-left: $length !important;
27
- }
28
- }
29
- }
30
-
31
- // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
32
- @each $size, $length in $spacers {
33
- @if "#{$size}" != "0" {
34
- .m#{$infix}-n#{$size} { margin: -$length !important; }
35
- .mt#{$infix}-n#{$size},
36
- .my#{$infix}-n#{$size} {
37
- margin-top: -$length !important;
38
- }
39
- .mr#{$infix}-n#{$size},
40
- .mx#{$infix}-n#{$size} {
41
- margin-right: -$length !important;
42
- }
43
- .mb#{$infix}-n#{$size},
44
- .my#{$infix}-n#{$size} {
45
- margin-bottom: -$length !important;
46
- }
47
- .ml#{$infix}-n#{$size},
48
- .mx#{$infix}-n#{$size} {
49
- margin-left: -$length !important;
50
- }
51
- }
52
- }
53
-
54
- // Some special margin utils
55
- .m#{$infix}-auto { margin: auto !important; }
56
- .mt#{$infix}-auto,
57
- .my#{$infix}-auto {
58
- margin-top: auto !important;
59
- }
60
- .mr#{$infix}-auto,
61
- .mx#{$infix}-auto {
62
- margin-right: auto !important;
63
- }
64
- .mb#{$infix}-auto,
65
- .my#{$infix}-auto {
66
- margin-bottom: auto !important;
67
- }
68
- .ml#{$infix}-auto,
69
- .mx#{$infix}-auto {
70
- margin-left: auto !important;
71
- }
72
- }
73
- }
@@ -1,19 +0,0 @@
1
- //
2
- // Stretched link
3
- //
4
-
5
- .stretched-link {
6
- &::after {
7
- position: absolute;
8
- top: 0;
9
- right: 0;
10
- bottom: 0;
11
- left: 0;
12
- z-index: 1;
13
- // Just in case `pointer-events: none` is set on a parent
14
- pointer-events: auto;
15
- content: "";
16
- // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color
17
- background-color: rgba(0, 0, 0, 0);
18
- }
19
- }
@@ -1,72 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- //
4
- // Text
5
- //
6
-
7
- .text-monospace { font-family: $font-family-monospace !important; }
8
-
9
- // Alignment
10
-
11
- .text-justify { text-align: justify !important; }
12
- .text-wrap { white-space: normal !important; }
13
- .text-nowrap { white-space: nowrap !important; }
14
- .text-truncate { @include text-truncate(); }
15
-
16
- // Responsive alignment
17
-
18
- @each $breakpoint in map-keys($grid-breakpoints) {
19
- @include media-breakpoint-up($breakpoint) {
20
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
21
-
22
- .text#{$infix}-left { text-align: left !important; }
23
- .text#{$infix}-right { text-align: right !important; }
24
- .text#{$infix}-center { text-align: center !important; }
25
- }
26
- }
27
-
28
- // Transformation
29
-
30
- .text-lowercase { text-transform: lowercase !important; }
31
- .text-uppercase { text-transform: uppercase !important; }
32
- .text-capitalize { text-transform: capitalize !important; }
33
-
34
- // Weight and italics
35
-
36
- .font-weight-light { font-weight: $font-weight-light !important; }
37
- .font-weight-lighter { font-weight: $font-weight-lighter !important; }
38
- .font-weight-normal { font-weight: $font-weight-normal !important; }
39
- .font-weight-bold { font-weight: $font-weight-bold !important; }
40
- .font-weight-bolder { font-weight: $font-weight-bolder !important; }
41
- .font-italic { font-style: italic !important; }
42
-
43
- // Contextual colors
44
-
45
- .text-white { color: $white !important; }
46
-
47
- @each $color, $value in $theme-colors {
48
- @include text-emphasis-variant(".text-#{$color}", $value, true);
49
- }
50
-
51
- .text-body { color: $body-color !important; }
52
- .text-muted { color: $text-muted !important; }
53
-
54
- .text-black-50 { color: rgba($black, .5) !important; }
55
- .text-white-50 { color: rgba($white, .5) !important; }
56
-
57
- // Misc
58
-
59
- .text-hide {
60
- @include text-hide($ignore-warning: true);
61
- }
62
-
63
- .text-decoration-none { text-decoration: none !important; }
64
-
65
- .text-break {
66
- word-break: break-word !important; // Deprecated, but avoids issues with flex containers
67
- word-wrap: break-word !important; // Used instead of `overflow-wrap` for IE & Edge Legacy
68
- }
69
-
70
- // Reset
71
-
72
- .text-reset { color: inherit !important; }
@@ -1,13 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- //
4
- // Visibility utilities
5
- //
6
-
7
- .visible {
8
- visibility: visible !important;
9
- }
10
-
11
- .invisible {
12
- visibility: hidden !important;
13
- }
@@ -1,58 +0,0 @@
1
- .navbar.navbar-dark.bg-inverse: .container-fluid
2
- button.navbar-toggler.hidden-sm-up type="button" data-toggle="collapse" data-target="#c1" &#9776
3
- .collapse.navbar-toggleable-xs#c1
4
- a.navbar-brand href="#" Bootstrap Test Rails App
5
- ul.nav.navbar-nav
6
- li.nav-item.active: a.nav-link href="#"
7
- ' Home
8
- span.sr-only (current)
9
- li.nav-item: a.nav-link href="#" Link
10
- li.nav-item.dropdown
11
- a.nav-link.dropdown-toggle href="#" data-toggle="dropdown" role="button" aria-expanded="false"
12
- ' Dropdown
13
- span.caret
14
- .dropdown-menu role="menu"
15
- a.dropdown-item href="#" Action
16
- a.dropdown-item href="#" Another action
17
- a.dropdown-item href="#" Something else here
18
- a.dropdown-divider
19
- a.dropdown-item href="#" Separated ank
20
- a.dropdown-divider
21
- a.dropdown-item href="#" One more separated link
22
-
23
- .container
24
- .card
25
- .card-header: h3 Dummy App
26
- .card-block: .row
27
- .col-sm-3
28
- h2 3 columns
29
- .list-group
30
- a.list-group-item href='#one' One
31
- a.list-group-item href='#two' Two
32
- a.list-group-item href='#three' Three
33
- .col-sm-3
34
- h2 3 columns
35
- .btn-group
36
- button.btn.btn-primary type='button' Button
37
- button.btn.btn-primary type='button' Button
38
- table.table
39
- caption Table
40
- tr
41
- td.table-danger Danger!
42
- td.table-success Success!
43
- .col-sm-6
44
- h2 6 columns
45
- .row
46
- .col-xs-4.col-xs-push-4: .card: .card-block
47
- .card-text data-toggle="tooltip" title="hi"
48
- h6 This is col-xs-4 col-xs-push-4.<br><small>Hover for tooltip.</small>
49
-
50
- .card: .card-block: form.form-inline
51
- .form-group
52
- label.sr-only for="exampleInputEmail2" Email address
53
- input.form-control#exampleInputEmail2 type="email" placeholder="Enter email"
54
- .checkbox
55
- label
56
- input type="checkbox"
57
- | Remember me
58
- button.btn.btn-default type="submit" Sign in