viniBaxter-spa_landing 15.0.0 → 32.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/lib/viniBaxter/sass/{spa_landing-nav.scss → spa_landing-creative-nav.scss} +1 -4
- data/lib/viniBaxter/sass/{spa_landing-basic-nav.scss → spa_landing-initial-nav.scss} +1 -4
- data/lib/viniBaxter/sass/spa_landing/theme/both_gems/jumbotrons/_jubo-home.scss +4 -3
- data/lib/viniBaxter/spa_landing/version.rb +9 -1
- metadata +4 -92
- data/lib/viniBaxter/sass/bootstrap/_alert.scss +0 -51
- data/lib/viniBaxter/sass/bootstrap/_badge.scss +0 -54
- data/lib/viniBaxter/sass/bootstrap/_breadcrumb.scss +0 -44
- data/lib/viniBaxter/sass/bootstrap/_button-group.scss +0 -163
- data/lib/viniBaxter/sass/bootstrap/_buttons.scss +0 -203
- data/lib/viniBaxter/sass/bootstrap/_card.scss +0 -286
- data/lib/viniBaxter/sass/bootstrap/_carousel.scss +0 -197
- data/lib/viniBaxter/sass/bootstrap/_close.scss +0 -40
- data/lib/viniBaxter/sass/bootstrap/_code.scss +0 -48
- data/lib/viniBaxter/sass/bootstrap/_custom-forms.scss +0 -556
- data/lib/viniBaxter/sass/bootstrap/_dropdown.scss +0 -192
- data/lib/viniBaxter/sass/bootstrap/_forms.scss +0 -364
- data/lib/viniBaxter/sass/bootstrap/_grid.scss +0 -86
- data/lib/viniBaxter/sass/bootstrap/_images.scss +0 -42
- data/lib/viniBaxter/sass/bootstrap/_input-group.scss +0 -192
- data/lib/viniBaxter/sass/bootstrap/_jumbotron.scss +0 -17
- data/lib/viniBaxter/sass/bootstrap/_list-group.scss +0 -154
- data/lib/viniBaxter/sass/bootstrap/_media.scss +0 -8
- data/lib/viniBaxter/sass/bootstrap/_mixins.scss +0 -47
- data/lib/viniBaxter/sass/bootstrap/_modal.scss +0 -240
- data/lib/viniBaxter/sass/bootstrap/_nav.scss +0 -123
- data/lib/viniBaxter/sass/bootstrap/_navbar.scss +0 -318
- data/lib/viniBaxter/sass/bootstrap/_pagination.scss +0 -74
- data/lib/viniBaxter/sass/bootstrap/_popover.scss +0 -170
- data/lib/viniBaxter/sass/bootstrap/_print.scss +0 -141
- data/lib/viniBaxter/sass/bootstrap/_progress.scss +0 -47
- data/lib/viniBaxter/sass/bootstrap/_reboot.scss +0 -498
- data/lib/viniBaxter/sass/bootstrap/_root.scss +0 -20
- data/lib/viniBaxter/sass/bootstrap/_spinners.scss +0 -56
- data/lib/viniBaxter/sass/bootstrap/_tables.scss +0 -185
- data/lib/viniBaxter/sass/bootstrap/_toasts.scss +0 -46
- data/lib/viniBaxter/sass/bootstrap/_tooltip.scss +0 -115
- data/lib/viniBaxter/sass/bootstrap/_transitions.scss +0 -20
- data/lib/viniBaxter/sass/bootstrap/_type.scss +0 -149
- data/lib/viniBaxter/sass/bootstrap/_utilities.scss +0 -18
- data/lib/viniBaxter/sass/bootstrap/bootstrap-grid.scss +0 -29
- data/lib/viniBaxter/sass/bootstrap/bootstrap-reboot.scss +0 -12
- data/lib/viniBaxter/sass/bootstrap/bootstrap.scss +0 -42
- data/lib/viniBaxter/sass/bootstrap/mixins/_alert.scss +0 -13
- data/lib/viniBaxter/sass/bootstrap/mixins/_background-variant.scss +0 -23
- data/lib/viniBaxter/sass/bootstrap/mixins/_badge.scss +0 -17
- data/lib/viniBaxter/sass/bootstrap/mixins/_border-radius.scss +0 -76
- data/lib/viniBaxter/sass/bootstrap/mixins/_box-shadow.scss +0 -20
- data/lib/viniBaxter/sass/bootstrap/mixins/_breakpoints.scss +0 -123
- data/lib/viniBaxter/sass/bootstrap/mixins/_buttons.scss +0 -153
- data/lib/viniBaxter/sass/bootstrap/mixins/_caret.scss +0 -62
- data/lib/viniBaxter/sass/bootstrap/mixins/_clearfix.scss +0 -7
- data/lib/viniBaxter/sass/bootstrap/mixins/_deprecate.scss +0 -10
- data/lib/viniBaxter/sass/bootstrap/mixins/_float.scss +0 -14
- data/lib/viniBaxter/sass/bootstrap/mixins/_forms.scss +0 -178
- data/lib/viniBaxter/sass/bootstrap/mixins/_gradients.scss +0 -45
- data/lib/viniBaxter/sass/bootstrap/mixins/_grid-framework.scss +0 -80
- data/lib/viniBaxter/sass/bootstrap/mixins/_grid.scss +0 -72
- data/lib/viniBaxter/sass/bootstrap/mixins/_hover.scss +0 -37
- data/lib/viniBaxter/sass/bootstrap/mixins/_image.scss +0 -36
- data/lib/viniBaxter/sass/bootstrap/mixins/_list-group.scss +0 -21
- data/lib/viniBaxter/sass/bootstrap/mixins/_lists.scss +0 -7
- data/lib/viniBaxter/sass/bootstrap/mixins/_nav-divider.scss +0 -11
- data/lib/viniBaxter/sass/bootstrap/mixins/_pagination.scss +0 -22
- data/lib/viniBaxter/sass/bootstrap/mixins/_reset-text.scss +0 -17
- data/lib/viniBaxter/sass/bootstrap/mixins/_resize.scss +0 -6
- data/lib/viniBaxter/sass/bootstrap/mixins/_screen-reader.scss +0 -34
- data/lib/viniBaxter/sass/bootstrap/mixins/_size.scss +0 -7
- data/lib/viniBaxter/sass/bootstrap/mixins/_table-row.scss +0 -39
- data/lib/viniBaxter/sass/bootstrap/mixins/_text-emphasis.scss +0 -17
- data/lib/viniBaxter/sass/bootstrap/mixins/_text-hide.scss +0 -11
- data/lib/viniBaxter/sass/bootstrap/mixins/_text-truncate.scss +0 -8
- data/lib/viniBaxter/sass/bootstrap/mixins/_transition.scss +0 -26
- data/lib/viniBaxter/sass/bootstrap/mixins/_visibility.scss +0 -8
- data/lib/viniBaxter/sass/bootstrap/utilities/_align.scss +0 -8
- data/lib/viniBaxter/sass/bootstrap/utilities/_background.scss +0 -19
- data/lib/viniBaxter/sass/bootstrap/utilities/_borders.scss +0 -75
- data/lib/viniBaxter/sass/bootstrap/utilities/_clearfix.scss +0 -3
- data/lib/viniBaxter/sass/bootstrap/utilities/_display.scss +0 -26
- data/lib/viniBaxter/sass/bootstrap/utilities/_embed.scss +0 -39
- data/lib/viniBaxter/sass/bootstrap/utilities/_flex.scss +0 -51
- data/lib/viniBaxter/sass/bootstrap/utilities/_float.scss +0 -11
- data/lib/viniBaxter/sass/bootstrap/utilities/_interactions.scss +0 -5
- data/lib/viniBaxter/sass/bootstrap/utilities/_overflow.scss +0 -5
- data/lib/viniBaxter/sass/bootstrap/utilities/_position.scss +0 -34
- data/lib/viniBaxter/sass/bootstrap/utilities/_screenreaders.scss +0 -11
- data/lib/viniBaxter/sass/bootstrap/utilities/_shadows.scss +0 -6
- data/lib/viniBaxter/sass/bootstrap/utilities/_sizing.scss +0 -20
- data/lib/viniBaxter/sass/bootstrap/utilities/_spacing.scss +0 -73
- data/lib/viniBaxter/sass/bootstrap/utilities/_stretched-link.scss +0 -19
- data/lib/viniBaxter/sass/bootstrap/utilities/_text.scss +0 -72
- data/lib/viniBaxter/sass/bootstrap/utilities/_visibility.scss +0 -13
- data/lib/viniBaxter/sass/bootstrap/vendor/_rfs.scss +0 -204
@@ -1,86 +0,0 @@
|
|
1
|
-
// Container widths
|
2
|
-
//
|
3
|
-
// Set the container width, and override it for fixed navbars in media queries.
|
4
|
-
|
5
|
-
@if $enable-grid-classes {
|
6
|
-
// Single container class with breakpoint max-widths
|
7
|
-
.container,
|
8
|
-
// 100% wide container at all breakpoints
|
9
|
-
.container-fluid {
|
10
|
-
@include make-container();
|
11
|
-
}
|
12
|
-
|
13
|
-
// Responsive containers that are 100% wide until a breakpoint
|
14
|
-
@each $breakpoint, $container-max-width in $container-max-widths {
|
15
|
-
.container-#{$breakpoint} {
|
16
|
-
@extend .container-fluid;
|
17
|
-
}
|
18
|
-
|
19
|
-
@include media-breakpoint-up($breakpoint, $grid-breakpoints) {
|
20
|
-
%responsive-container-#{$breakpoint} {
|
21
|
-
max-width: $container-max-width;
|
22
|
-
&.container-nav-bar {
|
23
|
-
max-width: $container-max-width * 1.2;
|
24
|
-
}
|
25
|
-
}
|
26
|
-
|
27
|
-
// Extend each breakpoint which is smaller or equal to the current breakpoint
|
28
|
-
$extend-breakpoint: true;
|
29
|
-
|
30
|
-
@each $name, $width in $grid-breakpoints {
|
31
|
-
@if ($extend-breakpoint) {
|
32
|
-
.container#{breakpoint-infix($name, $grid-breakpoints)} {
|
33
|
-
@extend %responsive-container-#{$breakpoint};
|
34
|
-
}
|
35
|
-
|
36
|
-
// Once the current breakpoint is reached, stop extending
|
37
|
-
@if ($breakpoint == $name) {
|
38
|
-
$extend-breakpoint: false;
|
39
|
-
}
|
40
|
-
}
|
41
|
-
}
|
42
|
-
}
|
43
|
-
}
|
44
|
-
|
45
|
-
.container-full-xs {
|
46
|
-
@include media-breakpoint-down(md) {
|
47
|
-
max-width: 100vw !important;
|
48
|
-
padding: 0px !important;
|
49
|
-
}
|
50
|
-
}
|
51
|
-
|
52
|
-
.container-full-xl {
|
53
|
-
max-width: 1300px !important;
|
54
|
-
}
|
55
|
-
}
|
56
|
-
|
57
|
-
// Row
|
58
|
-
//
|
59
|
-
// Rows contain your columns.
|
60
|
-
|
61
|
-
@if $enable-grid-classes {
|
62
|
-
.row {
|
63
|
-
@include make-row();
|
64
|
-
}
|
65
|
-
|
66
|
-
// Remove the negative margin from default .row, then the horizontal padding
|
67
|
-
// from all immediate children columns (to prevent runaway style inheritance).
|
68
|
-
.no-gutters {
|
69
|
-
margin-right: 0;
|
70
|
-
margin-left: 0;
|
71
|
-
|
72
|
-
> .col,
|
73
|
-
> [class*='col-'] {
|
74
|
-
padding-right: 0;
|
75
|
-
padding-left: 0;
|
76
|
-
}
|
77
|
-
}
|
78
|
-
}
|
79
|
-
|
80
|
-
// Columns
|
81
|
-
//
|
82
|
-
// Common styles for small and large grid columns
|
83
|
-
|
84
|
-
@if $enable-grid-classes {
|
85
|
-
@include make-grid-columns();
|
86
|
-
}
|
@@ -1,42 +0,0 @@
|
|
1
|
-
// Responsive images (ensure images don't scale beyond their parents)
|
2
|
-
//
|
3
|
-
// This is purposefully opt-in via an explicit class rather than being the default for all `<img>`s.
|
4
|
-
// We previously tried the "images are responsive by default" approach in Bootstrap v2,
|
5
|
-
// and abandoned it in Bootstrap v3 because it breaks lots of third-party widgets (including Google Maps)
|
6
|
-
// which weren't expecting the images within themselves to be involuntarily resized.
|
7
|
-
// See also https://github.com/twbs/bootstrap/issues/18178
|
8
|
-
.img-fluid {
|
9
|
-
@include img-fluid();
|
10
|
-
}
|
11
|
-
|
12
|
-
|
13
|
-
// Image thumbnails
|
14
|
-
.img-thumbnail {
|
15
|
-
padding: $thumbnail-padding;
|
16
|
-
background-color: $thumbnail-bg;
|
17
|
-
border: $thumbnail-border-width solid $thumbnail-border-color;
|
18
|
-
@include border-radius($thumbnail-border-radius);
|
19
|
-
@include box-shadow($thumbnail-box-shadow);
|
20
|
-
|
21
|
-
// Keep them at most 100% wide
|
22
|
-
@include img-fluid();
|
23
|
-
}
|
24
|
-
|
25
|
-
//
|
26
|
-
// Figures
|
27
|
-
//
|
28
|
-
|
29
|
-
.figure {
|
30
|
-
// Ensures the caption's text aligns with the image.
|
31
|
-
display: inline-block;
|
32
|
-
}
|
33
|
-
|
34
|
-
.figure-img {
|
35
|
-
margin-bottom: $spacer / 2;
|
36
|
-
line-height: 1;
|
37
|
-
}
|
38
|
-
|
39
|
-
.figure-caption {
|
40
|
-
@include font-size($figure-caption-font-size);
|
41
|
-
color: $figure-caption-color;
|
42
|
-
}
|
@@ -1,192 +0,0 @@
|
|
1
|
-
// stylelint-disable selector-no-qualifying-type
|
2
|
-
|
3
|
-
//
|
4
|
-
// Base styles
|
5
|
-
//
|
6
|
-
|
7
|
-
.input-group {
|
8
|
-
position: relative;
|
9
|
-
display: flex;
|
10
|
-
flex-wrap: wrap; // For form validation feedback
|
11
|
-
align-items: stretch;
|
12
|
-
width: 100%;
|
13
|
-
|
14
|
-
> .form-control,
|
15
|
-
> .form-control-plaintext,
|
16
|
-
> .custom-select,
|
17
|
-
> .custom-file {
|
18
|
-
position: relative; // For focus state's z-index
|
19
|
-
flex: 1 1 auto;
|
20
|
-
width: 1%;
|
21
|
-
min-width: 0; // https://stackoverflow.com/questions/36247140/why-dont-flex-items-shrink-past-content-size
|
22
|
-
margin-bottom: 0;
|
23
|
-
|
24
|
-
+ .form-control,
|
25
|
-
+ .custom-select,
|
26
|
-
+ .custom-file {
|
27
|
-
margin-left: -$input-border-width;
|
28
|
-
}
|
29
|
-
}
|
30
|
-
|
31
|
-
// Bring the "active" form control to the top of surrounding elements
|
32
|
-
> .form-control:focus,
|
33
|
-
> .custom-select:focus,
|
34
|
-
> .custom-file .custom-file-input:focus ~ .custom-file-label {
|
35
|
-
z-index: 3;
|
36
|
-
}
|
37
|
-
|
38
|
-
// Bring the custom file input above the label
|
39
|
-
> .custom-file .custom-file-input:focus {
|
40
|
-
z-index: 4;
|
41
|
-
}
|
42
|
-
|
43
|
-
> .form-control,
|
44
|
-
> .custom-select {
|
45
|
-
&:not(:last-child) { @include border-right-radius(0); }
|
46
|
-
&:not(:first-child) { @include border-left-radius(0); }
|
47
|
-
}
|
48
|
-
|
49
|
-
// Custom file inputs have more complex markup, thus requiring different
|
50
|
-
// border-radius overrides.
|
51
|
-
> .custom-file {
|
52
|
-
display: flex;
|
53
|
-
align-items: center;
|
54
|
-
|
55
|
-
&:not(:last-child) .custom-file-label,
|
56
|
-
&:not(:last-child) .custom-file-label::after { @include border-right-radius(0); }
|
57
|
-
&:not(:first-child) .custom-file-label { @include border-left-radius(0); }
|
58
|
-
}
|
59
|
-
}
|
60
|
-
|
61
|
-
|
62
|
-
// Prepend and append
|
63
|
-
//
|
64
|
-
// While it requires one extra layer of HTML for each, dedicated prepend and
|
65
|
-
// append elements allow us to 1) be less clever, 2) simplify our selectors, and
|
66
|
-
// 3) support HTML5 form validation.
|
67
|
-
|
68
|
-
.input-group-prepend,
|
69
|
-
.input-group-append {
|
70
|
-
display: flex;
|
71
|
-
|
72
|
-
// Ensure buttons are always above inputs for more visually pleasing borders.
|
73
|
-
// This isn't needed for `.input-group-text` since it shares the same border-color
|
74
|
-
// as our inputs.
|
75
|
-
.btn {
|
76
|
-
position: relative;
|
77
|
-
z-index: 2;
|
78
|
-
|
79
|
-
&:focus {
|
80
|
-
z-index: 3;
|
81
|
-
}
|
82
|
-
}
|
83
|
-
|
84
|
-
.btn + .btn,
|
85
|
-
.btn + .input-group-text,
|
86
|
-
.input-group-text + .input-group-text,
|
87
|
-
.input-group-text + .btn {
|
88
|
-
margin-left: -$input-border-width;
|
89
|
-
}
|
90
|
-
}
|
91
|
-
|
92
|
-
.input-group-prepend { margin-right: -$input-border-width; }
|
93
|
-
.input-group-append { margin-left: -$input-border-width; }
|
94
|
-
|
95
|
-
|
96
|
-
// Textual addons
|
97
|
-
//
|
98
|
-
// Serves as a catch-all element for any text or radio/checkbox input you wish
|
99
|
-
// to prepend or append to an input.
|
100
|
-
|
101
|
-
.input-group-text {
|
102
|
-
display: flex;
|
103
|
-
align-items: center;
|
104
|
-
padding: $input-padding-y $input-padding-x;
|
105
|
-
margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
|
106
|
-
@include font-size($input-font-size); // Match inputs
|
107
|
-
font-weight: $font-weight-normal;
|
108
|
-
line-height: $input-line-height;
|
109
|
-
color: $input-group-addon-color;
|
110
|
-
text-align: center;
|
111
|
-
white-space: nowrap;
|
112
|
-
background-color: $input-group-addon-bg;
|
113
|
-
border: $input-border-width solid $input-group-addon-border-color;
|
114
|
-
@include border-radius($input-border-radius);
|
115
|
-
|
116
|
-
// Nuke default margins from checkboxes and radios to vertically center within.
|
117
|
-
input[type="radio"],
|
118
|
-
input[type="checkbox"] {
|
119
|
-
margin-top: 0;
|
120
|
-
}
|
121
|
-
}
|
122
|
-
|
123
|
-
|
124
|
-
// Sizing
|
125
|
-
//
|
126
|
-
// Remix the default form control sizing classes into new ones for easier
|
127
|
-
// manipulation.
|
128
|
-
|
129
|
-
.input-group-lg > .form-control:not(textarea),
|
130
|
-
.input-group-lg > .custom-select {
|
131
|
-
height: $input-height-lg;
|
132
|
-
}
|
133
|
-
|
134
|
-
.input-group-lg > .form-control,
|
135
|
-
.input-group-lg > .custom-select,
|
136
|
-
.input-group-lg > .input-group-prepend > .input-group-text,
|
137
|
-
.input-group-lg > .input-group-append > .input-group-text,
|
138
|
-
.input-group-lg > .input-group-prepend > .btn,
|
139
|
-
.input-group-lg > .input-group-append > .btn {
|
140
|
-
padding: $input-padding-y-lg $input-padding-x-lg;
|
141
|
-
@include font-size($input-font-size-lg);
|
142
|
-
line-height: $input-line-height-lg;
|
143
|
-
@include border-radius($input-border-radius-lg);
|
144
|
-
}
|
145
|
-
|
146
|
-
.input-group-sm > .form-control:not(textarea),
|
147
|
-
.input-group-sm > .custom-select {
|
148
|
-
height: $input-height-sm;
|
149
|
-
}
|
150
|
-
|
151
|
-
.input-group-sm > .form-control,
|
152
|
-
.input-group-sm > .custom-select,
|
153
|
-
.input-group-sm > .input-group-prepend > .input-group-text,
|
154
|
-
.input-group-sm > .input-group-append > .input-group-text,
|
155
|
-
.input-group-sm > .input-group-prepend > .btn,
|
156
|
-
.input-group-sm > .input-group-append > .btn {
|
157
|
-
padding: $input-padding-y-sm $input-padding-x-sm;
|
158
|
-
@include font-size($input-font-size-sm);
|
159
|
-
line-height: $input-line-height-sm;
|
160
|
-
@include border-radius($input-border-radius-sm);
|
161
|
-
}
|
162
|
-
|
163
|
-
.input-group-lg > .custom-select,
|
164
|
-
.input-group-sm > .custom-select {
|
165
|
-
padding-right: $custom-select-padding-x + $custom-select-indicator-padding;
|
166
|
-
}
|
167
|
-
|
168
|
-
|
169
|
-
// Prepend and append rounded corners
|
170
|
-
//
|
171
|
-
// These rulesets must come after the sizing ones to properly override sm and lg
|
172
|
-
// border-radius values when extending. They're more specific than we'd like
|
173
|
-
// with the `.input-group >` part, but without it, we cannot override the sizing.
|
174
|
-
|
175
|
-
|
176
|
-
.input-group > .input-group-prepend > .btn,
|
177
|
-
.input-group > .input-group-prepend > .input-group-text,
|
178
|
-
.input-group > .input-group-append:not(:last-child) > .btn,
|
179
|
-
.input-group > .input-group-append:not(:last-child) > .input-group-text,
|
180
|
-
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
|
181
|
-
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
|
182
|
-
@include border-right-radius(0);
|
183
|
-
}
|
184
|
-
|
185
|
-
.input-group > .input-group-append > .btn,
|
186
|
-
.input-group > .input-group-append > .input-group-text,
|
187
|
-
.input-group > .input-group-prepend:not(:first-child) > .btn,
|
188
|
-
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
|
189
|
-
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
|
190
|
-
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
|
191
|
-
@include border-left-radius(0);
|
192
|
-
}
|
@@ -1,17 +0,0 @@
|
|
1
|
-
.jumbotron {
|
2
|
-
padding: $jumbotron-padding ($jumbotron-padding / 2);
|
3
|
-
margin-bottom: $jumbotron-padding;
|
4
|
-
color: $jumbotron-color;
|
5
|
-
background-color: $jumbotron-bg;
|
6
|
-
@include border-radius($border-radius-lg);
|
7
|
-
|
8
|
-
@include media-breakpoint-up(sm) {
|
9
|
-
padding: ($jumbotron-padding * 2) $jumbotron-padding;
|
10
|
-
}
|
11
|
-
}
|
12
|
-
|
13
|
-
.jumbotron-fluid {
|
14
|
-
padding-right: 0;
|
15
|
-
padding-left: 0;
|
16
|
-
@include border-radius(0);
|
17
|
-
}
|
@@ -1,154 +0,0 @@
|
|
1
|
-
// Base class
|
2
|
-
//
|
3
|
-
// Easily usable on <ul>, <ol>, or <div>.
|
4
|
-
|
5
|
-
.list-group {
|
6
|
-
display: flex;
|
7
|
-
flex-direction: column;
|
8
|
-
|
9
|
-
// No need to set list-style: none; since .list-group-item is block level
|
10
|
-
padding-left: 0; // reset padding because ul and ol
|
11
|
-
margin-bottom: 0;
|
12
|
-
@include border-radius($list-group-border-radius);
|
13
|
-
}
|
14
|
-
|
15
|
-
|
16
|
-
// Interactive list items
|
17
|
-
//
|
18
|
-
// Use anchor or button elements instead of `li`s or `div`s to create interactive
|
19
|
-
// list items. Includes an extra `.active` modifier class for selected items.
|
20
|
-
|
21
|
-
.list-group-item-action {
|
22
|
-
width: 100%; // For `<button>`s (anchors become 100% by default though)
|
23
|
-
color: $list-group-action-color;
|
24
|
-
text-align: inherit; // For `<button>`s (anchors inherit)
|
25
|
-
|
26
|
-
// Hover state
|
27
|
-
@include hover-focus() {
|
28
|
-
z-index: 1; // Place hover/focus items above their siblings for proper border styling
|
29
|
-
color: $list-group-action-hover-color;
|
30
|
-
text-decoration: none;
|
31
|
-
background-color: $list-group-hover-bg;
|
32
|
-
}
|
33
|
-
|
34
|
-
&:active {
|
35
|
-
color: $list-group-action-active-color;
|
36
|
-
background-color: $list-group-action-active-bg;
|
37
|
-
}
|
38
|
-
}
|
39
|
-
|
40
|
-
|
41
|
-
// Individual list items
|
42
|
-
//
|
43
|
-
// Use on `li`s or `div`s within the `.list-group` parent.
|
44
|
-
|
45
|
-
.list-group-item {
|
46
|
-
position: relative;
|
47
|
-
display: block;
|
48
|
-
padding: $list-group-item-padding-y $list-group-item-padding-x;
|
49
|
-
color: $list-group-color;
|
50
|
-
text-decoration: if($link-decoration == none, null, none);
|
51
|
-
background-color: $list-group-bg;
|
52
|
-
border: $list-group-border-width solid $list-group-border-color;
|
53
|
-
|
54
|
-
&:first-child {
|
55
|
-
@include border-top-radius(inherit);
|
56
|
-
}
|
57
|
-
|
58
|
-
&:last-child {
|
59
|
-
@include border-bottom-radius(inherit);
|
60
|
-
}
|
61
|
-
|
62
|
-
&.disabled,
|
63
|
-
&:disabled {
|
64
|
-
color: $list-group-disabled-color;
|
65
|
-
pointer-events: none;
|
66
|
-
background-color: $list-group-disabled-bg;
|
67
|
-
}
|
68
|
-
|
69
|
-
// Include both here for `<a>`s and `<button>`s
|
70
|
-
&.active {
|
71
|
-
z-index: 2; // Place active items above their siblings for proper border styling
|
72
|
-
color: $list-group-active-color;
|
73
|
-
background-color: $list-group-active-bg;
|
74
|
-
border-color: $list-group-active-border-color;
|
75
|
-
}
|
76
|
-
|
77
|
-
& + & {
|
78
|
-
border-top-width: 0;
|
79
|
-
|
80
|
-
&.active {
|
81
|
-
margin-top: -$list-group-border-width;
|
82
|
-
border-top-width: $list-group-border-width;
|
83
|
-
}
|
84
|
-
}
|
85
|
-
}
|
86
|
-
|
87
|
-
|
88
|
-
// Horizontal
|
89
|
-
//
|
90
|
-
// Change the layout of list group items from vertical (default) to horizontal.
|
91
|
-
|
92
|
-
@each $breakpoint in map-keys($grid-breakpoints) {
|
93
|
-
@include media-breakpoint-up($breakpoint) {
|
94
|
-
$infix: breakpoint-infix($breakpoint, $grid-breakpoints);
|
95
|
-
|
96
|
-
.list-group-horizontal#{$infix} {
|
97
|
-
flex-direction: row;
|
98
|
-
|
99
|
-
> .list-group-item {
|
100
|
-
&:first-child {
|
101
|
-
@include border-bottom-left-radius($list-group-border-radius);
|
102
|
-
@include border-top-right-radius(0);
|
103
|
-
}
|
104
|
-
|
105
|
-
&:last-child {
|
106
|
-
@include border-top-right-radius($list-group-border-radius);
|
107
|
-
@include border-bottom-left-radius(0);
|
108
|
-
}
|
109
|
-
|
110
|
-
&.active {
|
111
|
-
margin-top: 0;
|
112
|
-
}
|
113
|
-
|
114
|
-
& + .list-group-item {
|
115
|
-
border-top-width: $list-group-border-width;
|
116
|
-
border-left-width: 0;
|
117
|
-
|
118
|
-
&.active {
|
119
|
-
margin-left: -$list-group-border-width;
|
120
|
-
border-left-width: $list-group-border-width;
|
121
|
-
}
|
122
|
-
}
|
123
|
-
}
|
124
|
-
}
|
125
|
-
}
|
126
|
-
}
|
127
|
-
|
128
|
-
|
129
|
-
// Flush list items
|
130
|
-
//
|
131
|
-
// Remove borders and border-radius to keep list group items edge-to-edge. Most
|
132
|
-
// useful within other components (e.g., cards).
|
133
|
-
|
134
|
-
.list-group-flush {
|
135
|
-
@include border-radius(0);
|
136
|
-
|
137
|
-
> .list-group-item {
|
138
|
-
border-width: 0 0 $list-group-border-width;
|
139
|
-
|
140
|
-
&:last-child {
|
141
|
-
border-bottom-width: 0;
|
142
|
-
}
|
143
|
-
}
|
144
|
-
}
|
145
|
-
|
146
|
-
|
147
|
-
// Contextual variants
|
148
|
-
//
|
149
|
-
// Add modifier classes to change text and background color on individual items.
|
150
|
-
// Organizationally, this must come after the `:hover` states.
|
151
|
-
|
152
|
-
@each $color, $value in $theme-colors {
|
153
|
-
@include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
|
154
|
-
}
|