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.
- checksums.yaml +4 -4
- data/.travis.yml +17 -2
- data/CHANGELOG.md +2 -14
- data/README.md +7 -4
- data/Rakefile +2 -2
- data/assets/javascripts/bootstrap/alert.js +226 -166
- data/assets/javascripts/bootstrap/base-component.js +63 -0
- data/assets/javascripts/bootstrap/button.js +119 -165
- data/assets/javascripts/bootstrap/carousel.js +634 -445
- data/assets/javascripts/bootstrap/collapse.js +447 -327
- data/assets/javascripts/bootstrap/dom/data.js +68 -0
- data/assets/javascripts/bootstrap/dom/event-handler.js +322 -0
- data/assets/javascripts/bootstrap/dom/manipulator.js +88 -0
- data/assets/javascripts/bootstrap/dom/selector-engine.js +85 -0
- data/assets/javascripts/bootstrap/dropdown.js +550 -425
- data/assets/javascripts/bootstrap/modal.js +695 -492
- data/assets/javascripts/bootstrap/offcanvas.js +671 -0
- data/assets/javascripts/bootstrap/popover.js +167 -217
- data/assets/javascripts/bootstrap/scrollspy.js +319 -302
- data/assets/javascripts/bootstrap/tab.js +303 -221
- data/assets/javascripts/bootstrap/toast.js +333 -0
- data/assets/javascripts/bootstrap/tooltip.js +896 -577
- data/assets/javascripts/bootstrap-global-this-define.js +6 -0
- data/assets/javascripts/bootstrap-global-this-undefine.js +2 -0
- data/assets/javascripts/bootstrap-sprockets.js +15 -7
- data/assets/javascripts/bootstrap.js +4262 -3163
- data/assets/javascripts/bootstrap.min.js +4 -4
- data/assets/stylesheets/_bootstrap-grid.scss +54 -21
- data/assets/stylesheets/_bootstrap-reboot.scss +7 -4
- data/assets/stylesheets/_bootstrap.scss +21 -11
- data/assets/stylesheets/bootstrap/_accordion.scss +118 -0
- data/assets/stylesheets/bootstrap/_alert.scss +15 -9
- data/assets/stylesheets/bootstrap/_badge.scss +3 -21
- data/assets/stylesheets/bootstrap/_breadcrumb.scss +5 -18
- data/assets/stylesheets/bootstrap/_button-group.scss +29 -62
- data/assets/stylesheets/bootstrap/_buttons.scss +33 -65
- data/assets/stylesheets/bootstrap/_card.scss +55 -141
- data/assets/stylesheets/bootstrap/_carousel.scss +94 -101
- data/assets/stylesheets/bootstrap/_close.scss +33 -28
- data/assets/stylesheets/bootstrap/_containers.scss +41 -0
- data/assets/stylesheets/bootstrap/_dropdown.scss +114 -40
- data/assets/stylesheets/bootstrap/_forms.scss +9 -333
- data/assets/stylesheets/bootstrap/_functions.scss +148 -29
- data/assets/stylesheets/bootstrap/_grid.scss +4 -34
- data/assets/stylesheets/bootstrap/_helpers.scss +7 -0
- data/assets/stylesheets/bootstrap/_images.scss +4 -4
- data/assets/stylesheets/bootstrap/_list-group.scss +86 -27
- data/assets/stylesheets/bootstrap/_mixins.scss +17 -16
- data/assets/stylesheets/bootstrap/_modal.scss +90 -42
- data/assets/stylesheets/bootstrap/_nav.scss +31 -10
- data/assets/stylesheets/bootstrap/_navbar.scss +68 -61
- data/assets/stylesheets/bootstrap/_offcanvas.scss +77 -0
- data/assets/stylesheets/bootstrap/_pagination.scss +13 -27
- data/assets/stylesheets/bootstrap/_popover.scss +63 -88
- data/assets/stylesheets/bootstrap/_progress.scss +20 -6
- data/assets/stylesheets/bootstrap/_reboot.scss +349 -211
- data/assets/stylesheets/bootstrap/_root.scss +5 -8
- data/assets/stylesheets/bootstrap/_spinners.scss +69 -0
- data/assets/stylesheets/bootstrap/_tables.scss +79 -116
- data/assets/stylesheets/bootstrap/_toasts.scss +51 -0
- data/assets/stylesheets/bootstrap/_tooltip.scss +18 -18
- data/assets/stylesheets/bootstrap/_transitions.scss +2 -3
- data/assets/stylesheets/bootstrap/_type.scss +42 -63
- data/assets/stylesheets/bootstrap/_utilities.scss +594 -15
- data/assets/stylesheets/bootstrap/_variables.scss +952 -440
- data/assets/stylesheets/bootstrap/bootstrap-utilities.scss +18 -0
- data/assets/stylesheets/bootstrap/forms/_floating-labels.scss +61 -0
- data/assets/stylesheets/bootstrap/forms/_form-check.scss +152 -0
- data/assets/stylesheets/bootstrap/forms/_form-control.scss +219 -0
- data/assets/stylesheets/bootstrap/forms/_form-range.scss +91 -0
- data/assets/stylesheets/bootstrap/forms/_form-select.scss +67 -0
- data/assets/stylesheets/bootstrap/forms/_form-text.scss +11 -0
- data/assets/stylesheets/bootstrap/forms/_input-group.scss +121 -0
- data/assets/stylesheets/bootstrap/forms/_labels.scss +36 -0
- data/assets/stylesheets/bootstrap/forms/_validation.scss +12 -0
- data/assets/stylesheets/bootstrap/helpers/_colored-links.scss +12 -0
- data/assets/stylesheets/bootstrap/helpers/_position.scss +30 -0
- data/assets/stylesheets/bootstrap/helpers/_ratio.scss +26 -0
- data/assets/stylesheets/bootstrap/helpers/_stretched-link.scss +15 -0
- data/assets/stylesheets/bootstrap/helpers/_text-truncation.scss +7 -0
- data/assets/stylesheets/bootstrap/helpers/_visually-hidden.scss +8 -0
- data/assets/stylesheets/bootstrap/mixins/_alert.scss +3 -5
- data/assets/stylesheets/bootstrap/mixins/_border-radius.scss +57 -14
- data/assets/stylesheets/bootstrap/mixins/_box-shadow.scss +14 -1
- data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +13 -9
- data/assets/stylesheets/bootstrap/mixins/_buttons.scss +77 -53
- data/assets/stylesheets/bootstrap/mixins/_caret.scss +14 -16
- data/assets/stylesheets/bootstrap/mixins/_clearfix.scss +2 -0
- data/assets/stylesheets/bootstrap/mixins/_color-scheme.scss +7 -0
- data/assets/stylesheets/bootstrap/mixins/_container.scss +9 -0
- data/assets/stylesheets/bootstrap/mixins/_deprecate.scss +10 -0
- data/assets/stylesheets/bootstrap/mixins/_forms.scss +87 -97
- data/assets/stylesheets/bootstrap/mixins/_gradients.scss +13 -11
- data/assets/stylesheets/bootstrap/mixins/_grid.scss +106 -33
- data/assets/stylesheets/bootstrap/mixins/_image.scss +0 -20
- data/assets/stylesheets/bootstrap/mixins/_list-group.scss +5 -2
- data/assets/stylesheets/bootstrap/mixins/_pagination.scss +18 -9
- data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +2 -2
- data/assets/stylesheets/bootstrap/mixins/_table-variants.scss +21 -0
- data/assets/stylesheets/bootstrap/mixins/_transition.scss +19 -6
- data/assets/stylesheets/bootstrap/mixins/_utilities.scss +68 -0
- data/assets/stylesheets/bootstrap/mixins/_visually-hidden.scss +29 -0
- data/assets/stylesheets/bootstrap/utilities/_api.scss +47 -0
- data/assets/stylesheets/bootstrap/vendor/_rfs.scss +312 -0
- data/bootstrap.gemspec +7 -6
- data/lib/bootstrap/engine.rb +3 -0
- data/lib/bootstrap/version.rb +4 -2
- data/lib/bootstrap.rb +10 -7
- data/tasks/updater/js.rb +20 -5
- data/tasks/updater/network.rb +8 -2
- data/test/dummy_rails/app/assets/config/manifest.js +3 -0
- data/test/dummy_rails/app/assets/javascripts/application.js +4 -3
- data/test/dummy_rails/app/assets/stylesheets/.browserslistrc +1 -0
- data/test/dummy_rails/app/views/layouts/application.html.erb +3 -1
- data/test/dummy_rails/app/views/pages/root.html +89 -0
- data/test/dummy_rails/config/application.rb +0 -3
- data/test/gemfiles/rails_6_0.gemfile +7 -0
- data/test/gemfiles/rails_6_1.gemfile +7 -0
- data/test/support/dummy_rails_integration.rb +3 -1
- data/test/test_helper.rb +18 -13
- metadata +64 -79
- data/assets/javascripts/bootstrap/util.js +0 -143
- data/assets/stylesheets/bootstrap/_code.scss +0 -48
- data/assets/stylesheets/bootstrap/_custom-forms.scss +0 -433
- data/assets/stylesheets/bootstrap/_input-group.scss +0 -173
- data/assets/stylesheets/bootstrap/_jumbotron.scss +0 -16
- data/assets/stylesheets/bootstrap/_media.scss +0 -8
- data/assets/stylesheets/bootstrap/_print.scss +0 -141
- data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +0 -21
- data/assets/stylesheets/bootstrap/mixins/_badge.scss +0 -12
- data/assets/stylesheets/bootstrap/mixins/_float.scss +0 -11
- data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +0 -67
- data/assets/stylesheets/bootstrap/mixins/_hover.scss +0 -37
- data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +0 -10
- data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +0 -33
- data/assets/stylesheets/bootstrap/mixins/_size.scss +0 -6
- data/assets/stylesheets/bootstrap/mixins/_table-row.scss +0 -30
- data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +0 -14
- data/assets/stylesheets/bootstrap/mixins/_text-hide.scss +0 -13
- data/assets/stylesheets/bootstrap/mixins/_visibility.scss +0 -7
- data/assets/stylesheets/bootstrap/utilities/_align.scss +0 -8
- data/assets/stylesheets/bootstrap/utilities/_background.scss +0 -19
- data/assets/stylesheets/bootstrap/utilities/_borders.scss +0 -59
- data/assets/stylesheets/bootstrap/utilities/_display.scss +0 -38
- data/assets/stylesheets/bootstrap/utilities/_embed.scss +0 -52
- data/assets/stylesheets/bootstrap/utilities/_flex.scss +0 -51
- data/assets/stylesheets/bootstrap/utilities/_float.scss +0 -9
- data/assets/stylesheets/bootstrap/utilities/_position.scss +0 -37
- data/assets/stylesheets/bootstrap/utilities/_screenreaders.scss +0 -11
- data/assets/stylesheets/bootstrap/utilities/_shadows.scss +0 -6
- data/assets/stylesheets/bootstrap/utilities/_sizing.scss +0 -12
- data/assets/stylesheets/bootstrap/utilities/_spacing.scss +0 -51
- data/assets/stylesheets/bootstrap/utilities/_text.scss +0 -58
- data/assets/stylesheets/bootstrap/utilities/_visibility.scss +0 -11
- data/test/dummy_rails/app/views/pages/root.html.slim +0 -58
- /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,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,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" ☰
|
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
|
File without changes
|