bootstrap 4.6.2 → 5.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/.travis.yml +2 -1
- data/README.md +7 -4
- data/assets/javascripts/bootstrap/alert.js +192 -115
- data/assets/javascripts/bootstrap/base-component.js +63 -0
- data/assets/javascripts/bootstrap/button.js +96 -179
- data/assets/javascripts/bootstrap/carousel.js +472 -359
- data/assets/javascripts/bootstrap/collapse.js +379 -225
- 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 +472 -355
- data/assets/javascripts/bootstrap/modal.js +612 -438
- data/assets/javascripts/bootstrap/offcanvas.js +671 -0
- data/assets/javascripts/bootstrap/popover.js +138 -167
- data/assets/javascripts/bootstrap/scrollspy.js +250 -192
- data/assets/javascripts/bootstrap/tab.js +241 -144
- data/assets/javascripts/bootstrap/toast.js +223 -157
- data/assets/javascripts/bootstrap/tooltip.js +651 -487
- 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 +8 -1
- data/assets/javascripts/bootstrap.js +3277 -2590
- data/assets/javascripts/bootstrap.min.js +3 -3
- data/assets/stylesheets/_bootstrap-grid.scss +53 -18
- data/assets/stylesheets/_bootstrap-reboot.scss +6 -3
- data/assets/stylesheets/_bootstrap.scss +18 -10
- data/assets/stylesheets/bootstrap/_accordion.scss +118 -0
- data/assets/stylesheets/bootstrap/_alert.scss +15 -10
- data/assets/stylesheets/bootstrap/_badge.scss +2 -27
- data/assets/stylesheets/bootstrap/_breadcrumb.scss +3 -17
- data/assets/stylesheets/bootstrap/_button-group.scss +21 -45
- data/assets/stylesheets/bootstrap/_buttons.scss +29 -60
- data/assets/stylesheets/bootstrap/_card.scss +20 -91
- data/assets/stylesheets/bootstrap/_carousel.scss +64 -35
- data/assets/stylesheets/bootstrap/_close.scss +30 -30
- data/assets/stylesheets/bootstrap/_containers.scss +41 -0
- data/assets/stylesheets/bootstrap/_dropdown.scss +84 -36
- data/assets/stylesheets/bootstrap/_forms.scss +9 -347
- data/assets/stylesheets/bootstrap/_functions.scss +84 -69
- data/assets/stylesheets/bootstrap/_grid.scss +3 -54
- data/assets/stylesheets/bootstrap/_helpers.scss +7 -0
- data/assets/stylesheets/bootstrap/_images.scss +1 -1
- data/assets/stylesheets/bootstrap/_list-group.scss +28 -8
- data/assets/stylesheets/bootstrap/_mixins.scss +8 -13
- data/assets/stylesheets/bootstrap/_modal.scss +45 -57
- data/assets/stylesheets/bootstrap/_nav.scss +20 -6
- data/assets/stylesheets/bootstrap/_navbar.scss +45 -71
- data/assets/stylesheets/bootstrap/_offcanvas.scss +77 -0
- data/assets/stylesheets/bootstrap/_pagination.scss +10 -20
- data/assets/stylesheets/bootstrap/_popover.scss +24 -36
- data/assets/stylesheets/bootstrap/_progress.scss +5 -4
- data/assets/stylesheets/bootstrap/_reboot.scss +316 -179
- data/assets/stylesheets/bootstrap/_root.scss +5 -8
- data/assets/stylesheets/bootstrap/_spinners.scss +11 -7
- data/assets/stylesheets/bootstrap/_tables.scss +79 -114
- data/assets/stylesheets/bootstrap/_toasts.scss +20 -15
- data/assets/stylesheets/bootstrap/_tooltip.scss +21 -21
- data/assets/stylesheets/bootstrap/_transitions.scss +2 -7
- data/assets/stylesheets/bootstrap/_type.scss +38 -59
- data/assets/stylesheets/bootstrap/_utilities.scss +594 -18
- data/assets/stylesheets/bootstrap/_variables.scss +800 -485
- 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 +10 -8
- data/assets/stylesheets/bootstrap/mixins/_box-shadow.scss +7 -9
- data/assets/stylesheets/bootstrap/mixins/_breakpoints.scss +14 -10
- data/assets/stylesheets/bootstrap/mixins/_buttons.scss +71 -48
- data/assets/stylesheets/bootstrap/mixins/_caret.scss +10 -8
- 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/_forms.scss +39 -97
- data/assets/stylesheets/bootstrap/mixins/_gradients.scss +13 -11
- data/assets/stylesheets/bootstrap/mixins/_grid.scss +90 -34
- data/assets/stylesheets/bootstrap/mixins/_image.scss +1 -21
- data/assets/stylesheets/bootstrap/mixins/_list-group.scss +5 -2
- data/assets/stylesheets/bootstrap/mixins/_lists.scss +1 -1
- data/assets/stylesheets/bootstrap/mixins/_pagination.scss +17 -8
- data/assets/stylesheets/bootstrap/mixins/_reset-text.scss +3 -3
- data/assets/stylesheets/bootstrap/mixins/_table-variants.scss +21 -0
- data/assets/stylesheets/bootstrap/mixins/_transition.scss +1 -1
- 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 +214 -130
- data/bootstrap.gemspec +1 -3
- data/lib/bootstrap/version.rb +2 -2
- data/tasks/updater/js.rb +19 -16
- data/test/dummy_rails/app/assets/javascripts/application.js +4 -3
- 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_1.gemfile +7 -0
- metadata +45 -73
- data/assets/javascripts/bootstrap/util.js +0 -189
- data/assets/stylesheets/bootstrap/_code.scss +0 -48
- data/assets/stylesheets/bootstrap/_custom-forms.scss +0 -526
- data/assets/stylesheets/bootstrap/_input-group.scss +0 -211
- data/assets/stylesheets/bootstrap/_jumbotron.scss +0 -17
- data/assets/stylesheets/bootstrap/_media.scss +0 -8
- data/assets/stylesheets/bootstrap/_print.scss +0 -132
- data/assets/stylesheets/bootstrap/mixins/_background-variant.scss +0 -23
- data/assets/stylesheets/bootstrap/mixins/_badge.scss +0 -17
- data/assets/stylesheets/bootstrap/mixins/_float.scss +0 -14
- data/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +0 -80
- data/assets/stylesheets/bootstrap/mixins/_hover.scss +0 -37
- data/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +0 -11
- data/assets/stylesheets/bootstrap/mixins/_screen-reader.scss +0 -34
- data/assets/stylesheets/bootstrap/mixins/_size.scss +0 -7
- data/assets/stylesheets/bootstrap/mixins/_table-row.scss +0 -39
- data/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +0 -17
- data/assets/stylesheets/bootstrap/mixins/_text-hide.scss +0 -11
- data/assets/stylesheets/bootstrap/mixins/_visibility.scss +0 -8
- 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 -75
- data/assets/stylesheets/bootstrap/utilities/_display.scss +0 -26
- data/assets/stylesheets/bootstrap/utilities/_embed.scss +0 -39
- data/assets/stylesheets/bootstrap/utilities/_flex.scss +0 -51
- data/assets/stylesheets/bootstrap/utilities/_float.scss +0 -11
- data/assets/stylesheets/bootstrap/utilities/_interactions.scss +0 -5
- data/assets/stylesheets/bootstrap/utilities/_overflow.scss +0 -5
- data/assets/stylesheets/bootstrap/utilities/_position.scss +0 -32
- 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 -20
- data/assets/stylesheets/bootstrap/utilities/_spacing.scss +0 -73
- data/assets/stylesheets/bootstrap/utilities/_stretched-link.scss +0 -19
- data/assets/stylesheets/bootstrap/utilities/_text.scss +0 -72
- data/assets/stylesheets/bootstrap/utilities/_visibility.scss +0 -13
- data/test/dummy_rails/app/views/pages/root.html.slim +0 -58
- /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,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,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,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
|