bootstrap 4.1.3 → 5.0.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 (156) hide show
  1. checksums.yaml +4 -4
  2. data/.travis.yml +17 -2
  3. data/CHANGELOG.md +2 -14
  4. data/README.md +7 -4
  5. data/Rakefile +2 -2
  6. data/assets/javascripts/bootstrap/alert.js +226 -166
  7. data/assets/javascripts/bootstrap/base-component.js +63 -0
  8. data/assets/javascripts/bootstrap/button.js +119 -165
  9. data/assets/javascripts/bootstrap/carousel.js +634 -445
  10. data/assets/javascripts/bootstrap/collapse.js +447 -327
  11. data/assets/javascripts/bootstrap/dom/data.js +68 -0
  12. data/assets/javascripts/bootstrap/dom/event-handler.js +322 -0
  13. data/assets/javascripts/bootstrap/dom/manipulator.js +88 -0
  14. data/assets/javascripts/bootstrap/dom/selector-engine.js +85 -0
  15. data/assets/javascripts/bootstrap/dropdown.js +550 -425
  16. data/assets/javascripts/bootstrap/modal.js +695 -492
  17. data/assets/javascripts/bootstrap/offcanvas.js +671 -0
  18. data/assets/javascripts/bootstrap/popover.js +167 -217
  19. data/assets/javascripts/bootstrap/scrollspy.js +319 -302
  20. data/assets/javascripts/bootstrap/tab.js +303 -221
  21. data/assets/javascripts/bootstrap/toast.js +333 -0
  22. data/assets/javascripts/bootstrap/tooltip.js +896 -577
  23. data/assets/javascripts/bootstrap-global-this-define.js +6 -0
  24. data/assets/javascripts/bootstrap-global-this-undefine.js +2 -0
  25. data/assets/javascripts/bootstrap-sprockets.js +15 -7
  26. data/assets/javascripts/bootstrap.js +4262 -3163
  27. data/assets/javascripts/bootstrap.min.js +4 -4
  28. data/assets/stylesheets/_bootstrap-grid.scss +54 -21
  29. data/assets/stylesheets/_bootstrap-reboot.scss +7 -4
  30. data/assets/stylesheets/_bootstrap.scss +21 -11
  31. data/assets/stylesheets/bootstrap/_accordion.scss +118 -0
  32. data/assets/stylesheets/bootstrap/_alert.scss +15 -9
  33. data/assets/stylesheets/bootstrap/_badge.scss +3 -21
  34. data/assets/stylesheets/bootstrap/_breadcrumb.scss +5 -18
  35. data/assets/stylesheets/bootstrap/_button-group.scss +29 -62
  36. data/assets/stylesheets/bootstrap/_buttons.scss +33 -65
  37. data/assets/stylesheets/bootstrap/_card.scss +55 -141
  38. data/assets/stylesheets/bootstrap/_carousel.scss +94 -101
  39. data/assets/stylesheets/bootstrap/_close.scss +33 -28
  40. data/assets/stylesheets/bootstrap/_containers.scss +41 -0
  41. data/assets/stylesheets/bootstrap/_dropdown.scss +114 -40
  42. data/assets/stylesheets/bootstrap/_forms.scss +9 -333
  43. data/assets/stylesheets/bootstrap/_functions.scss +148 -29
  44. data/assets/stylesheets/bootstrap/_grid.scss +4 -34
  45. data/assets/stylesheets/bootstrap/_helpers.scss +7 -0
  46. data/assets/stylesheets/bootstrap/_images.scss +4 -4
  47. data/assets/stylesheets/bootstrap/_list-group.scss +86 -27
  48. data/assets/stylesheets/bootstrap/_mixins.scss +17 -16
  49. data/assets/stylesheets/bootstrap/_modal.scss +90 -42
  50. data/assets/stylesheets/bootstrap/_nav.scss +31 -10
  51. data/assets/stylesheets/bootstrap/_navbar.scss +68 -61
  52. data/assets/stylesheets/bootstrap/_offcanvas.scss +77 -0
  53. data/assets/stylesheets/bootstrap/_pagination.scss +13 -27
  54. data/assets/stylesheets/bootstrap/_popover.scss +63 -88
  55. data/assets/stylesheets/bootstrap/_progress.scss +20 -6
  56. data/assets/stylesheets/bootstrap/_reboot.scss +349 -211
  57. data/assets/stylesheets/bootstrap/_root.scss +5 -8
  58. data/assets/stylesheets/bootstrap/_spinners.scss +69 -0
  59. data/assets/stylesheets/bootstrap/_tables.scss +79 -116
  60. data/assets/stylesheets/bootstrap/_toasts.scss +51 -0
  61. data/assets/stylesheets/bootstrap/_tooltip.scss +18 -18
  62. data/assets/stylesheets/bootstrap/_transitions.scss +2 -3
  63. data/assets/stylesheets/bootstrap/_type.scss +42 -63
  64. data/assets/stylesheets/bootstrap/_utilities.scss +594 -15
  65. data/assets/stylesheets/bootstrap/_variables.scss +952 -440
  66. data/assets/stylesheets/bootstrap/bootstrap-utilities.scss +18 -0
  67. data/assets/stylesheets/bootstrap/forms/_floating-labels.scss +61 -0
  68. data/assets/stylesheets/bootstrap/forms/_form-check.scss +152 -0
  69. data/assets/stylesheets/bootstrap/forms/_form-control.scss +219 -0
  70. data/assets/stylesheets/bootstrap/forms/_form-range.scss +91 -0
  71. data/assets/stylesheets/bootstrap/forms/_form-select.scss +67 -0
  72. data/assets/stylesheets/bootstrap/forms/_form-text.scss +11 -0
  73. data/assets/stylesheets/bootstrap/forms/_input-group.scss +121 -0
  74. data/assets/stylesheets/bootstrap/forms/_labels.scss +36 -0
  75. data/assets/stylesheets/bootstrap/forms/_validation.scss +12 -0
  76. data/assets/stylesheets/bootstrap/helpers/_colored-links.scss +12 -0
  77. data/assets/stylesheets/bootstrap/helpers/_position.scss +30 -0
  78. data/assets/stylesheets/bootstrap/helpers/_ratio.scss +26 -0
  79. data/assets/stylesheets/bootstrap/helpers/_stretched-link.scss +15 -0
  80. data/assets/stylesheets/bootstrap/helpers/_text-truncation.scss +7 -0
  81. data/assets/stylesheets/bootstrap/helpers/_visually-hidden.scss +8 -0
  82. data/assets/stylesheets/bootstrap/mixins/_alert.scss +3 -5
  83. data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +57 -14
  84. data/assets/stylesheets/bootstrap/mixins/_box-shadow.scss +14 -1
  85. data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +13 -9
  86. data/assets/stylesheets/bootstrap/mixins/_buttons.scss +77 -53
  87. data/assets/stylesheets/bootstrap/mixins/_caret.scss +14 -16
  88. data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +2 -0
  89. data/assets/stylesheets/bootstrap/mixins/_color-scheme.scss +7 -0
  90. data/assets/stylesheets/bootstrap/mixins/_container.scss +9 -0
  91. data/assets/stylesheets/bootstrap/mixins/_deprecate.scss +10 -0
  92. data/assets/stylesheets/bootstrap/mixins/_forms.scss +87 -97
  93. data/assets/stylesheets/bootstrap/mixins/_gradients.scss +13 -11
  94. data/assets/stylesheets/bootstrap/mixins/_grid.scss +106 -33
  95. data/assets/stylesheets/bootstrap/mixins/_image.scss +0 -20
  96. data/assets/stylesheets/bootstrap/mixins/_list-group.scss +5 -2
  97. data/assets/stylesheets/bootstrap/mixins/_pagination.scss +18 -9
  98. data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +2 -2
  99. data/assets/stylesheets/bootstrap/mixins/_table-variants.scss +21 -0
  100. data/assets/stylesheets/bootstrap/mixins/_transition.scss +19 -6
  101. data/assets/stylesheets/bootstrap/mixins/_utilities.scss +68 -0
  102. data/assets/stylesheets/bootstrap/mixins/_visually-hidden.scss +29 -0
  103. data/assets/stylesheets/bootstrap/utilities/_api.scss +47 -0
  104. data/assets/stylesheets/bootstrap/vendor/_rfs.scss +312 -0
  105. data/bootstrap.gemspec +7 -6
  106. data/lib/bootstrap/engine.rb +3 -0
  107. data/lib/bootstrap/version.rb +4 -2
  108. data/lib/bootstrap.rb +10 -7
  109. data/tasks/updater/js.rb +20 -5
  110. data/tasks/updater/network.rb +8 -2
  111. data/test/dummy_rails/app/assets/config/manifest.js +3 -0
  112. data/test/dummy_rails/app/assets/javascripts/application.js +4 -3
  113. data/test/dummy_rails/app/assets/stylesheets/.browserslistrc +1 -0
  114. data/test/dummy_rails/app/views/layouts/application.html.erb +3 -1
  115. data/test/dummy_rails/app/views/pages/root.html +89 -0
  116. data/test/dummy_rails/config/application.rb +0 -3
  117. data/test/gemfiles/rails_6_0.gemfile +7 -0
  118. data/test/gemfiles/rails_6_1.gemfile +7 -0
  119. data/test/support/dummy_rails_integration.rb +3 -1
  120. data/test/test_helper.rb +18 -13
  121. metadata +64 -79
  122. data/assets/javascripts/bootstrap/util.js +0 -143
  123. data/assets/stylesheets/bootstrap/_code.scss +0 -48
  124. data/assets/stylesheets/bootstrap/_custom-forms.scss +0 -433
  125. data/assets/stylesheets/bootstrap/_input-group.scss +0 -173
  126. data/assets/stylesheets/bootstrap/_jumbotron.scss +0 -16
  127. data/assets/stylesheets/bootstrap/_media.scss +0 -8
  128. data/assets/stylesheets/bootstrap/_print.scss +0 -141
  129. data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +0 -21
  130. data/assets/stylesheets/bootstrap/mixins/_badge.scss +0 -12
  131. data/assets/stylesheets/bootstrap/mixins/_float.scss +0 -11
  132. data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +0 -67
  133. data/assets/stylesheets/bootstrap/mixins/_hover.scss +0 -37
  134. data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +0 -10
  135. data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +0 -33
  136. data/assets/stylesheets/bootstrap/mixins/_size.scss +0 -6
  137. data/assets/stylesheets/bootstrap/mixins/_table-row.scss +0 -30
  138. data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +0 -14
  139. data/assets/stylesheets/bootstrap/mixins/_text-hide.scss +0 -13
  140. data/assets/stylesheets/bootstrap/mixins/_visibility.scss +0 -7
  141. data/assets/stylesheets/bootstrap/utilities/_align.scss +0 -8
  142. data/assets/stylesheets/bootstrap/utilities/_background.scss +0 -19
  143. data/assets/stylesheets/bootstrap/utilities/_borders.scss +0 -59
  144. data/assets/stylesheets/bootstrap/utilities/_display.scss +0 -38
  145. data/assets/stylesheets/bootstrap/utilities/_embed.scss +0 -52
  146. data/assets/stylesheets/bootstrap/utilities/_flex.scss +0 -51
  147. data/assets/stylesheets/bootstrap/utilities/_float.scss +0 -9
  148. data/assets/stylesheets/bootstrap/utilities/_position.scss +0 -37
  149. data/assets/stylesheets/bootstrap/utilities/_screenreaders.scss +0 -11
  150. data/assets/stylesheets/bootstrap/utilities/_shadows.scss +0 -6
  151. data/assets/stylesheets/bootstrap/utilities/_sizing.scss +0 -12
  152. data/assets/stylesheets/bootstrap/utilities/_spacing.scss +0 -51
  153. data/assets/stylesheets/bootstrap/utilities/_text.scss +0 -58
  154. data/assets/stylesheets/bootstrap/utilities/_visibility.scss +0 -11
  155. data/test/dummy_rails/app/views/pages/root.html.slim +0 -58
  156. /data/assets/stylesheets/bootstrap/{utilities → helpers}/_clearfix.scss +0 -0
@@ -1,59 +0,0 @@
1
- // stylelint-disable 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 {
34
- border-radius: $border-radius !important;
35
- }
36
- .rounded-top {
37
- border-top-left-radius: $border-radius !important;
38
- border-top-right-radius: $border-radius !important;
39
- }
40
- .rounded-right {
41
- border-top-right-radius: $border-radius !important;
42
- border-bottom-right-radius: $border-radius !important;
43
- }
44
- .rounded-bottom {
45
- border-bottom-right-radius: $border-radius !important;
46
- border-bottom-left-radius: $border-radius !important;
47
- }
48
- .rounded-left {
49
- border-top-left-radius: $border-radius !important;
50
- border-bottom-left-radius: $border-radius !important;
51
- }
52
-
53
- .rounded-circle {
54
- border-radius: 50% !important;
55
- }
56
-
57
- .rounded-0 {
58
- border-radius: 0 !important;
59
- }
@@ -1,38 +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
- .d#{$infix}-none { display: none !important; }
12
- .d#{$infix}-inline { display: inline !important; }
13
- .d#{$infix}-inline-block { display: inline-block !important; }
14
- .d#{$infix}-block { display: block !important; }
15
- .d#{$infix}-table { display: table !important; }
16
- .d#{$infix}-table-row { display: table-row !important; }
17
- .d#{$infix}-table-cell { display: table-cell !important; }
18
- .d#{$infix}-flex { display: flex !important; }
19
- .d#{$infix}-inline-flex { display: inline-flex !important; }
20
- }
21
- }
22
-
23
-
24
- //
25
- // Utilities for toggling `display` in print
26
- //
27
-
28
- @media print {
29
- .d-print-none { display: none !important; }
30
- .d-print-inline { display: inline !important; }
31
- .d-print-inline-block { display: inline-block !important; }
32
- .d-print-block { display: block !important; }
33
- .d-print-table { display: table !important; }
34
- .d-print-table-row { display: table-row !important; }
35
- .d-print-table-cell { display: table-cell !important; }
36
- .d-print-flex { display: flex !important; }
37
- .d-print-inline-flex { display: inline-flex !important; }
38
- }
@@ -1,52 +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
- .embed-responsive-21by9 {
31
- &::before {
32
- padding-top: percentage(9 / 21);
33
- }
34
- }
35
-
36
- .embed-responsive-16by9 {
37
- &::before {
38
- padding-top: percentage(9 / 16);
39
- }
40
- }
41
-
42
- .embed-responsive-4by3 {
43
- &::before {
44
- padding-top: percentage(3 / 4);
45
- }
46
- }
47
-
48
- .embed-responsive-1by1 {
49
- &::before {
50
- padding-top: percentage(1 / 1);
51
- }
52
- }
@@ -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,9 +0,0 @@
1
- @each $breakpoint in map-keys($grid-breakpoints) {
2
- @include media-breakpoint-up($breakpoint) {
3
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
4
-
5
- .float#{$infix}-left { @include float-left; }
6
- .float#{$infix}-right { @include float-right; }
7
- .float#{$infix}-none { @include float-none; }
8
- }
9
- }
@@ -1,37 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Common values
4
-
5
- // Sass list not in variables since it's not intended for customization.
6
- // stylelint-disable-next-line scss/dollar-variable-default
7
- $positions: static, relative, absolute, fixed, sticky;
8
-
9
- @each $position in $positions {
10
- .position-#{$position} { position: $position !important; }
11
- }
12
-
13
- // Shorthand
14
-
15
- .fixed-top {
16
- position: fixed;
17
- top: 0;
18
- right: 0;
19
- left: 0;
20
- z-index: $zindex-fixed;
21
- }
22
-
23
- .fixed-bottom {
24
- position: fixed;
25
- right: 0;
26
- bottom: 0;
27
- left: 0;
28
- z-index: $zindex-fixed;
29
- }
30
-
31
- .sticky-top {
32
- @supports (position: sticky) {
33
- position: sticky;
34
- top: 0;
35
- z-index: $zindex-sticky;
36
- }
37
- }
@@ -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,12 +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; }
@@ -1,51 +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
-
12
- .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
13
- .#{$abbrev}t#{$infix}-#{$size},
14
- .#{$abbrev}y#{$infix}-#{$size} {
15
- #{$prop}-top: $length !important;
16
- }
17
- .#{$abbrev}r#{$infix}-#{$size},
18
- .#{$abbrev}x#{$infix}-#{$size} {
19
- #{$prop}-right: $length !important;
20
- }
21
- .#{$abbrev}b#{$infix}-#{$size},
22
- .#{$abbrev}y#{$infix}-#{$size} {
23
- #{$prop}-bottom: $length !important;
24
- }
25
- .#{$abbrev}l#{$infix}-#{$size},
26
- .#{$abbrev}x#{$infix}-#{$size} {
27
- #{$prop}-left: $length !important;
28
- }
29
- }
30
- }
31
-
32
- // Some special margin utils
33
- .m#{$infix}-auto { margin: auto !important; }
34
- .mt#{$infix}-auto,
35
- .my#{$infix}-auto {
36
- margin-top: auto !important;
37
- }
38
- .mr#{$infix}-auto,
39
- .mx#{$infix}-auto {
40
- margin-right: auto !important;
41
- }
42
- .mb#{$infix}-auto,
43
- .my#{$infix}-auto {
44
- margin-bottom: auto !important;
45
- }
46
- .ml#{$infix}-auto,
47
- .mx#{$infix}-auto {
48
- margin-left: auto !important;
49
- }
50
- }
51
- }
@@ -1,58 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- //
4
- // Text
5
- //
6
-
7
- .text-monospace { font-family: $font-family-monospace; }
8
-
9
- // Alignment
10
-
11
- .text-justify { text-align: justify !important; }
12
- .text-nowrap { white-space: nowrap !important; }
13
- .text-truncate { @include text-truncate; }
14
-
15
- // Responsive alignment
16
-
17
- @each $breakpoint in map-keys($grid-breakpoints) {
18
- @include media-breakpoint-up($breakpoint) {
19
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
20
-
21
- .text#{$infix}-left { text-align: left !important; }
22
- .text#{$infix}-right { text-align: right !important; }
23
- .text#{$infix}-center { text-align: center !important; }
24
- }
25
- }
26
-
27
- // Transformation
28
-
29
- .text-lowercase { text-transform: lowercase !important; }
30
- .text-uppercase { text-transform: uppercase !important; }
31
- .text-capitalize { text-transform: capitalize !important; }
32
-
33
- // Weight and italics
34
-
35
- .font-weight-light { font-weight: $font-weight-light !important; }
36
- .font-weight-normal { font-weight: $font-weight-normal !important; }
37
- .font-weight-bold { font-weight: $font-weight-bold !important; }
38
- .font-italic { font-style: italic !important; }
39
-
40
- // Contextual colors
41
-
42
- .text-white { color: $white !important; }
43
-
44
- @each $color, $value in $theme-colors {
45
- @include text-emphasis-variant(".text-#{$color}", $value);
46
- }
47
-
48
- .text-body { color: $body-color !important; }
49
- .text-muted { color: $text-muted !important; }
50
-
51
- .text-black-50 { color: rgba($black, .5) !important; }
52
- .text-white-50 { color: rgba($white, .5) !important; }
53
-
54
- // Misc
55
-
56
- .text-hide {
57
- @include text-hide($ignore-warning: true);
58
- }
@@ -1,11 +0,0 @@
1
- //
2
- // Visibility utilities
3
- //
4
-
5
- .visible {
6
- @include invisible(visible);
7
- }
8
-
9
- .invisible {
10
- @include invisible(hidden);
11
- }
@@ -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