viniBaxter-desk_front 18.0.0 → 24.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (151) hide show
  1. checksums.yaml +4 -4
  2. data/lib/viniBaxter/desk_front/version.rb +1 -1
  3. data/lib/viniBaxter/sass/desk_front.scss +5 -0
  4. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_index.scss +1 -1
  5. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_new_nav.scss +9 -0
  6. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_variables.scss +693 -681
  7. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_dropdown.scss +372 -0
  8. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_fixed-plugin.scss +335 -0
  9. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_misc.scss +226 -0
  10. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_navbar.scss +480 -0
  11. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_sidebar-and-main-panel.scss +919 -0
  12. data/lib/viniBaxter/sass/desk_front/beckyBaxter/new_nav/_white-content.scss +43 -0
  13. data/lib/viniBaxter/sass/desk_front/bootstrap/_alert.scss +51 -0
  14. data/lib/viniBaxter/sass/desk_front/bootstrap/_badge.scss +54 -0
  15. data/lib/viniBaxter/sass/desk_front/bootstrap/_breadcrumb.scss +44 -0
  16. data/lib/viniBaxter/sass/desk_front/bootstrap/_button-group.scss +163 -0
  17. data/lib/viniBaxter/sass/desk_front/bootstrap/_buttons.scss +184 -0
  18. data/lib/viniBaxter/sass/desk_front/bootstrap/_card.scss +286 -0
  19. data/lib/viniBaxter/sass/desk_front/bootstrap/_carousel.scss +197 -0
  20. data/lib/viniBaxter/sass/desk_front/bootstrap/_close.scss +40 -0
  21. data/lib/viniBaxter/sass/desk_front/bootstrap/_code.scss +48 -0
  22. data/lib/viniBaxter/sass/desk_front/bootstrap/_custom-forms.scss +523 -0
  23. data/lib/viniBaxter/sass/desk_front/bootstrap/_dropdown.scss +192 -0
  24. data/lib/viniBaxter/sass/desk_front/bootstrap/_forms.scss +364 -0
  25. data/lib/viniBaxter/sass/desk_front/bootstrap/_grid.scss +72 -0
  26. data/lib/viniBaxter/sass/desk_front/bootstrap/_images.scss +42 -0
  27. data/lib/viniBaxter/sass/desk_front/bootstrap/_input-group.scss +192 -0
  28. data/lib/viniBaxter/sass/desk_front/bootstrap/_jumbotron.scss +17 -0
  29. data/lib/viniBaxter/sass/desk_front/bootstrap/_list-group.scss +153 -0
  30. data/lib/viniBaxter/sass/desk_front/bootstrap/_media.scss +8 -0
  31. data/lib/viniBaxter/sass/desk_front/bootstrap/_mixins.scss +47 -0
  32. data/lib/viniBaxter/sass/desk_front/bootstrap/_modal.scss +240 -0
  33. data/lib/viniBaxter/sass/desk_front/bootstrap/_nav.scss +123 -0
  34. data/lib/viniBaxter/sass/desk_front/bootstrap/_navbar.scss +318 -0
  35. data/lib/viniBaxter/sass/desk_front/bootstrap/_pagination.scss +74 -0
  36. data/lib/viniBaxter/sass/desk_front/bootstrap/_popover.scss +170 -0
  37. data/lib/viniBaxter/sass/desk_front/bootstrap/_print.scss +141 -0
  38. data/lib/viniBaxter/sass/desk_front/bootstrap/_progress.scss +47 -0
  39. data/lib/viniBaxter/sass/desk_front/bootstrap/_reboot.scss +497 -0
  40. data/lib/viniBaxter/sass/desk_front/bootstrap/_root.scss +20 -0
  41. data/lib/viniBaxter/sass/desk_front/bootstrap/_spinners.scss +56 -0
  42. data/lib/viniBaxter/sass/desk_front/bootstrap/_tables.scss +183 -0
  43. data/lib/viniBaxter/sass/desk_front/bootstrap/_toasts.scss +46 -0
  44. data/lib/viniBaxter/sass/desk_front/bootstrap/_tooltip.scss +115 -0
  45. data/lib/viniBaxter/sass/desk_front/bootstrap/_transitions.scss +20 -0
  46. data/lib/viniBaxter/sass/desk_front/bootstrap/_type.scss +149 -0
  47. data/lib/viniBaxter/sass/desk_front/bootstrap/_utilities.scss +18 -0
  48. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap-grid.scss +29 -0
  49. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap-reboot.scss +12 -0
  50. data/lib/viniBaxter/sass/desk_front/bootstrap/bootstrap.scss +43 -0
  51. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_alert.scss +13 -0
  52. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_background-variant.scss +23 -0
  53. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_badge.scss +17 -0
  54. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_border-radius.scss +76 -0
  55. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_box-shadow.scss +20 -0
  56. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_breakpoints.scss +123 -0
  57. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_buttons.scss +153 -0
  58. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_caret.scss +62 -0
  59. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_clearfix.scss +7 -0
  60. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_deprecate.scss +10 -0
  61. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_float.scss +14 -0
  62. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_forms.scss +178 -0
  63. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_gradients.scss +45 -0
  64. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_grid-framework.scss +80 -0
  65. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_grid.scss +72 -0
  66. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_hover.scss +37 -0
  67. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_image.scss +36 -0
  68. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_list-group.scss +21 -0
  69. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_lists.scss +7 -0
  70. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_nav-divider.scss +11 -0
  71. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_pagination.scss +22 -0
  72. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_reset-text.scss +17 -0
  73. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_resize.scss +6 -0
  74. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_screen-reader.scss +34 -0
  75. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_size.scss +7 -0
  76. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_table-row.scss +39 -0
  77. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_text-emphasis.scss +17 -0
  78. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_text-hide.scss +11 -0
  79. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_text-truncate.scss +8 -0
  80. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_transition.scss +26 -0
  81. data/lib/viniBaxter/sass/desk_front/bootstrap/mixins/_visibility.scss +8 -0
  82. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_align.scss +8 -0
  83. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_background.scss +19 -0
  84. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_borders.scss +75 -0
  85. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_clearfix.scss +3 -0
  86. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_display.scss +26 -0
  87. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_embed.scss +39 -0
  88. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_flex.scss +51 -0
  89. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_float.scss +11 -0
  90. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_interactions.scss +5 -0
  91. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_overflow.scss +5 -0
  92. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_position.scss +34 -0
  93. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_screenreaders.scss +11 -0
  94. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_shadows.scss +6 -0
  95. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_sizing.scss +20 -0
  96. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_spacing.scss +73 -0
  97. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_stretched-link.scss +19 -0
  98. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_text.scss +72 -0
  99. data/lib/viniBaxter/sass/desk_front/bootstrap/utilities/_visibility.scss +13 -0
  100. data/lib/viniBaxter/sass/desk_front/bootstrap/vendor/_rfs.scss +204 -0
  101. data/lib/viniBaxter/sass/desk_front/dashkit/_dashkit.scss +2 -2
  102. data/lib/viniBaxter/sass/desk_front/dashkit/_list-group.scss +3 -7
  103. data/lib/viniBaxter/sass/desk_front/dashkit/_modal.scss +5 -7
  104. data/lib/viniBaxter/sass/desk_front/dashkit/_nav.scss +16 -15
  105. data/lib/viniBaxter/sass/desk_front/dashkit/_navbar.scss +35 -68
  106. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_card.scss +4 -4
  107. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_theme.scss +0 -52
  108. data/lib/viniBaxter/sass/desk_front/theme.scss +0 -10
  109. metadata +98 -45
  110. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_alert.scss +0 -18
  111. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_aos.scss +0 -32
  112. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_avatar.scss +0 -192
  113. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_button-group.scss +0 -0
  114. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_buttons.scss +0 -115
  115. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_carousel.scss +0 -0
  116. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_close.scss +0 -11
  117. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_code.scss +0 -0
  118. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_collapse.scss +0 -15
  119. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_custom-forms.scss +0 -65
  120. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_device.scss +0 -110
  121. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_dropdown.scss +0 -106
  122. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_fancybox.scss +0 -14
  123. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_feather.scss +0 -1093
  124. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_flickity.scss +0 -112
  125. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_footer.scss +0 -10
  126. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_forms.scss +0 -92
  127. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_grid.scss +0 -9
  128. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_highlight.scss +0 -8
  129. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_icon.scss +0 -56
  130. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_images.scss +0 -32
  131. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_input-group.scss +0 -0
  132. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_jumbotron.scss +0 -0
  133. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_list-group.scss +0 -22
  134. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_list.scss +0 -27
  135. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_media.scss +0 -0
  136. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_modal.scss +0 -21
  137. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_nav.scss +0 -0
  138. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_navbar.scss +0 -377
  139. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_pagination.scss +0 -34
  140. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_popover.scss +0 -15
  141. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_print.scss +0 -0
  142. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_progress.scss +0 -0
  143. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_reboot.scss +0 -17
  144. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_root.scss +0 -0
  145. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_screenshot.scss +0 -9
  146. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_section.scss +0 -19
  147. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_sidenav.scss +0 -28
  148. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_tables.scss +0 -23
  149. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_tooltip.scss +0 -0
  150. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_transitions.scss +0 -0
  151. data/lib/viniBaxter/sass/desk_front/landing/spa_landing/theme/_type.scss +0 -169
@@ -0,0 +1,72 @@
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
+ }
23
+
24
+ // Extend each breakpoint which is smaller or equal to the current breakpoint
25
+ $extend-breakpoint: true;
26
+
27
+ @each $name, $width in $grid-breakpoints {
28
+ @if ($extend-breakpoint) {
29
+ .container#{breakpoint-infix($name, $grid-breakpoints)} {
30
+ @extend %responsive-container-#{$breakpoint};
31
+ }
32
+
33
+ // Once the current breakpoint is reached, stop extending
34
+ @if ($breakpoint == $name) {
35
+ $extend-breakpoint: false;
36
+ }
37
+ }
38
+ }
39
+ }
40
+ }
41
+ }
42
+
43
+ // Row
44
+ //
45
+ // Rows contain your columns.
46
+
47
+ @if $enable-grid-classes {
48
+ .row {
49
+ @include make-row();
50
+ }
51
+
52
+ // Remove the negative margin from default .row, then the horizontal padding
53
+ // from all immediate children columns (to prevent runaway style inheritance).
54
+ .no-gutters {
55
+ margin-right: 0;
56
+ margin-left: 0;
57
+
58
+ > .col,
59
+ > [class*='col-'] {
60
+ padding-right: 0;
61
+ padding-left: 0;
62
+ }
63
+ }
64
+ }
65
+
66
+ // Columns
67
+ //
68
+ // Common styles for small and large grid columns
69
+
70
+ @if $enable-grid-classes {
71
+ @include make-grid-columns();
72
+ }
@@ -0,0 +1,42 @@
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
+ }
@@ -0,0 +1,192 @@
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
+ }
@@ -0,0 +1,17 @@
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
+ }
@@ -0,0 +1,153 @@
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
+ // Interactive list items
16
+ //
17
+ // Use anchor or button elements instead of `li`s or `div`s to create interactive
18
+ // list items. Includes an extra `.active` modifier class for selected items.
19
+
20
+ .list-group-item-action {
21
+ width: 100%; // For `<button>`s (anchors become 100% by default though)
22
+ color: $list-group-action-color;
23
+ text-align: inherit; // For `<button>`s (anchors inherit)
24
+
25
+ // Hover state
26
+ @include hover-focus() {
27
+ z-index: 1; // Place hover/focus items above their siblings for proper border styling
28
+ color: $list-group-action-hover-color;
29
+ text-decoration: none;
30
+ background-color: $list-group-hover-bg;
31
+ }
32
+
33
+ &:active {
34
+ color: $list-group-action-active-color;
35
+ background-color: $list-group-action-active-bg;
36
+ }
37
+ }
38
+
39
+ // Individual list items
40
+ //
41
+ // Use on `li`s or `div`s within the `.list-group` parent.
42
+
43
+ .list-group-item {
44
+ position: relative;
45
+ display: block;
46
+ padding: $list-group-item-padding-y $list-group-item-padding-x;
47
+ color: $list-group-color;
48
+ text-decoration: if($link-decoration == none, null, none);
49
+ // background-color: $list-group-bg;
50
+ border: none;
51
+
52
+ &:first-child {
53
+ @include border-top-radius(inherit);
54
+ }
55
+
56
+ &:last-child {
57
+ @include border-bottom-radius(inherit);
58
+ }
59
+
60
+ &.disabled,
61
+ &:disabled {
62
+ color: $list-group-disabled-color;
63
+ pointer-events: none;
64
+ background-color: $list-group-disabled-bg;
65
+ }
66
+
67
+ // Include both here for `<a>`s and `<button>`s
68
+ &.active {
69
+ z-index: 2; // Place active items above their siblings for proper border styling
70
+ color: $list-group-active-color;
71
+ background-color: $list-group-active-bg;
72
+ border-color: $list-group-active-border-color;
73
+ }
74
+
75
+ & + & {
76
+ border-top-width: 0;
77
+
78
+ &.active {
79
+ margin-top: -$list-group-border-width;
80
+ border-top-width: $list-group-border-width;
81
+ }
82
+ }
83
+ }
84
+
85
+ // Horizontal
86
+ //
87
+ // Change the layout of list group items from vertical (default) to horizontal.
88
+
89
+ @each $breakpoint in map-keys($grid-breakpoints) {
90
+ @include media-breakpoint-up($breakpoint) {
91
+ $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
92
+
93
+ .list-group-horizontal#{$infix} {
94
+ flex-direction: row;
95
+
96
+ > .list-group-item {
97
+ &:first-child {
98
+ @include border-bottom-left-radius($list-group-border-radius);
99
+ @include border-top-right-radius(0);
100
+ }
101
+
102
+ &:last-child {
103
+ @include border-top-right-radius($list-group-border-radius);
104
+ @include border-bottom-left-radius(0);
105
+ }
106
+
107
+ &.active {
108
+ margin-top: 0;
109
+ }
110
+
111
+ & + .list-group-item {
112
+ border-top-width: $list-group-border-width;
113
+ border-left-width: 0;
114
+
115
+ &.active {
116
+ margin-left: -$list-group-border-width;
117
+ border-left-width: $list-group-border-width;
118
+ }
119
+ }
120
+ }
121
+ }
122
+ }
123
+ }
124
+
125
+ // Flush list items
126
+ //
127
+ // Remove borders and border-radius to keep list group items edge-to-edge. Most
128
+ // useful within other components (e.g., cards).
129
+
130
+ .list-group-flush {
131
+ @include border-radius(0);
132
+
133
+ > .list-group-item {
134
+ border-width: 0 0 $list-group-border-width;
135
+
136
+ &:last-child {
137
+ border-bottom-width: 0;
138
+ }
139
+ }
140
+ }
141
+
142
+ // Contextual variants
143
+ //
144
+ // Add modifier classes to change text and background color on individual items.
145
+ // Organizationally, this must come after the `:hover` states.
146
+
147
+ @each $color, $value in $theme-colors {
148
+ @include list-group-item-variant(
149
+ $color,
150
+ theme-color-level($color, -9),
151
+ theme-color-level($color, 6)
152
+ );
153
+ }