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,286 @@
1
+ //
2
+ // Base styles
3
+ //
4
+
5
+ .card {
6
+ position: relative;
7
+ display: flex;
8
+ flex-direction: column;
9
+ min-width: 0; // See https://github.com/twbs/bootstrap/pull/22740#issuecomment-305868106
10
+ height: $card-height;
11
+ word-wrap: break-word;
12
+ background-color: $card-bg;
13
+ background-clip: border-box;
14
+ border: $card-border-width solid $card-border-color;
15
+ @include border-radius($card-border-radius);
16
+
17
+ > hr {
18
+ margin-right: 0;
19
+ margin-left: 0;
20
+ }
21
+
22
+ > .list-group {
23
+ border-top: inherit;
24
+ border-bottom: inherit;
25
+
26
+ &:first-child {
27
+ border-top-width: 0;
28
+ @include border-top-radius($card-inner-border-radius);
29
+ }
30
+
31
+ &:last-child {
32
+ border-bottom-width: 0;
33
+ @include border-bottom-radius($card-inner-border-radius);
34
+ }
35
+ }
36
+
37
+ // Due to specificity of the above selector (`.card > .list-group`), we must
38
+ // use a child selector here to prevent double borders.
39
+ > .card-header + .list-group,
40
+ > .list-group + .card-footer {
41
+ border-top: 0;
42
+ }
43
+ }
44
+
45
+ .card-body {
46
+ // Enable `flex-grow: 1` for decks and groups so that card blocks take up
47
+ // as much space as possible, ensuring footers are aligned to the bottom.
48
+ flex: 1 1 auto;
49
+ // Workaround for the image size bug in IE
50
+ // See: https://github.com/twbs/bootstrap/pull/28855
51
+ min-height: 1px;
52
+ padding: $card-spacer-x;
53
+ color: $card-color;
54
+ }
55
+
56
+ .card-title {
57
+ margin-bottom: $card-spacer-y;
58
+ }
59
+
60
+ .card-subtitle {
61
+ margin-top: -$card-spacer-y / 2;
62
+ margin-bottom: 0;
63
+ }
64
+
65
+ .card-text:last-child {
66
+ margin-bottom: 0;
67
+ }
68
+
69
+ .card-link {
70
+ @include hover() {
71
+ text-decoration: none;
72
+ }
73
+
74
+ + .card-link {
75
+ margin-left: $card-spacer-x;
76
+ }
77
+ }
78
+
79
+ //
80
+ // Optional textual caps
81
+ //
82
+
83
+ .card-header {
84
+ padding: $card-spacer-y $card-spacer-x;
85
+ margin-bottom: 0; // Removes the default margin-bottom of <hN>
86
+ color: $card-cap-color;
87
+ background-color: $card-cap-bg;
88
+ border-bottom: $card-border-width solid $card-border-color;
89
+
90
+ &:first-child {
91
+ @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
92
+ }
93
+ }
94
+
95
+ .card-footer {
96
+ padding: $card-spacer-y $card-spacer-x;
97
+ color: $card-cap-color;
98
+ background-color: $card-cap-bg;
99
+ border-top: $card-border-width solid $card-border-color;
100
+
101
+ &:last-child {
102
+ @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
103
+ }
104
+ }
105
+
106
+
107
+ //
108
+ // Header navs
109
+ //
110
+
111
+ .card-header-tabs {
112
+ margin-right: -$card-spacer-x / 2;
113
+ margin-bottom: -$card-spacer-y;
114
+ margin-left: -$card-spacer-x / 2;
115
+ border-bottom: 0;
116
+ }
117
+
118
+ .card-header-pills {
119
+ margin-right: -$card-spacer-x / 2;
120
+ margin-left: -$card-spacer-x / 2;
121
+ }
122
+
123
+ // Card image
124
+ .card-img-overlay {
125
+ position: absolute;
126
+ top: 0;
127
+ right: 0;
128
+ bottom: 0;
129
+ left: 0;
130
+ padding: $card-img-overlay-padding;
131
+ @include border-radius($card-inner-border-radius);
132
+ }
133
+
134
+ .card-img,
135
+ .card-img-top,
136
+ .card-img-bottom {
137
+ flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396
138
+ width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
139
+ }
140
+
141
+ .card-img,
142
+ .card-img-top {
143
+ @include border-top-radius($card-inner-border-radius);
144
+ }
145
+
146
+ .card-img,
147
+ .card-img-bottom {
148
+ @include border-bottom-radius($card-inner-border-radius);
149
+ }
150
+
151
+
152
+ // Card deck
153
+
154
+ .card-deck {
155
+ .card {
156
+ margin-bottom: $card-deck-margin;
157
+ }
158
+
159
+ @include media-breakpoint-up(sm) {
160
+ display: flex;
161
+ flex-flow: row wrap;
162
+ margin-right: -$card-deck-margin;
163
+ margin-left: -$card-deck-margin;
164
+
165
+ .card {
166
+ // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
167
+ flex: 1 0 0%;
168
+ margin-right: $card-deck-margin;
169
+ margin-bottom: 0; // Override the default
170
+ margin-left: $card-deck-margin;
171
+ }
172
+ }
173
+ }
174
+
175
+
176
+ //
177
+ // Card groups
178
+ //
179
+
180
+ .card-group {
181
+ // The child selector allows nested `.card` within `.card-group`
182
+ // to display properly.
183
+ > .card {
184
+ margin-bottom: $card-group-margin;
185
+ }
186
+
187
+ @include media-breakpoint-up(sm) {
188
+ display: flex;
189
+ flex-flow: row wrap;
190
+ // The child selector allows nested `.card` within `.card-group`
191
+ // to display properly.
192
+ > .card {
193
+ // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
194
+ flex: 1 0 0%;
195
+ margin-bottom: 0;
196
+
197
+ + .card {
198
+ margin-left: 0;
199
+ border-left: 0;
200
+ }
201
+
202
+ // Handle rounded corners
203
+ @if $enable-rounded {
204
+ &:not(:last-child) {
205
+ @include border-right-radius(0);
206
+
207
+ .card-img-top,
208
+ .card-header {
209
+ // stylelint-disable-next-line property-blacklist
210
+ border-top-right-radius: 0;
211
+ }
212
+ .card-img-bottom,
213
+ .card-footer {
214
+ // stylelint-disable-next-line property-blacklist
215
+ border-bottom-right-radius: 0;
216
+ }
217
+ }
218
+
219
+ &:not(:first-child) {
220
+ @include border-left-radius(0);
221
+
222
+ .card-img-top,
223
+ .card-header {
224
+ // stylelint-disable-next-line property-blacklist
225
+ border-top-left-radius: 0;
226
+ }
227
+ .card-img-bottom,
228
+ .card-footer {
229
+ // stylelint-disable-next-line property-blacklist
230
+ border-bottom-left-radius: 0;
231
+ }
232
+ }
233
+ }
234
+ }
235
+ }
236
+ }
237
+
238
+
239
+ //
240
+ // Columns
241
+ //
242
+
243
+ .card-columns {
244
+ .card {
245
+ margin-bottom: $card-columns-margin;
246
+ }
247
+
248
+ @include media-breakpoint-up(sm) {
249
+ column-count: $card-columns-count;
250
+ column-gap: $card-columns-gap;
251
+ orphans: 1;
252
+ widows: 1;
253
+
254
+ .card {
255
+ display: inline-block; // Don't let them vertically span multiple columns
256
+ width: 100%; // Don't let their width change
257
+ }
258
+ }
259
+ }
260
+
261
+
262
+ //
263
+ // Accordion
264
+ //
265
+
266
+ .accordion {
267
+ overflow-anchor: none;
268
+
269
+ > .card {
270
+ overflow: hidden;
271
+
272
+ &:not(:last-of-type) {
273
+ border-bottom: 0;
274
+ @include border-bottom-radius(0);
275
+ }
276
+
277
+ &:not(:first-of-type) {
278
+ @include border-top-radius(0);
279
+ }
280
+
281
+ > .card-header {
282
+ @include border-radius(0);
283
+ margin-bottom: -$card-border-width;
284
+ }
285
+ }
286
+ }
@@ -0,0 +1,197 @@
1
+ // Notes on the classes:
2
+ //
3
+ // 1. .carousel.pointer-event should ideally be pan-y (to allow for users to scroll vertically)
4
+ // even when their scroll action started on a carousel, but for compatibility (with Firefox)
5
+ // we're preventing all actions instead
6
+ // 2. The .carousel-item-left and .carousel-item-right is used to indicate where
7
+ // the active slide is heading.
8
+ // 3. .active.carousel-item is the current slide.
9
+ // 4. .active.carousel-item-left and .active.carousel-item-right is the current
10
+ // slide in its in-transition state. Only one of these occurs at a time.
11
+ // 5. .carousel-item-next.carousel-item-left and .carousel-item-prev.carousel-item-right
12
+ // is the upcoming slide in transition.
13
+
14
+ .carousel {
15
+ position: relative;
16
+ }
17
+
18
+ .carousel.pointer-event {
19
+ touch-action: pan-y;
20
+ }
21
+
22
+ .carousel-inner {
23
+ position: relative;
24
+ width: 100%;
25
+ overflow: hidden;
26
+ @include clearfix();
27
+ }
28
+
29
+ .carousel-item {
30
+ position: relative;
31
+ display: none;
32
+ float: left;
33
+ width: 100%;
34
+ margin-right: -100%;
35
+ backface-visibility: hidden;
36
+ @include transition($carousel-transition);
37
+ }
38
+
39
+ .carousel-item.active,
40
+ .carousel-item-next,
41
+ .carousel-item-prev {
42
+ display: block;
43
+ }
44
+
45
+ .carousel-item-next:not(.carousel-item-left),
46
+ .active.carousel-item-right {
47
+ transform: translateX(100%);
48
+ }
49
+
50
+ .carousel-item-prev:not(.carousel-item-right),
51
+ .active.carousel-item-left {
52
+ transform: translateX(-100%);
53
+ }
54
+
55
+
56
+ //
57
+ // Alternate transitions
58
+ //
59
+
60
+ .carousel-fade {
61
+ .carousel-item {
62
+ opacity: 0;
63
+ transition-property: opacity;
64
+ transform: none;
65
+ }
66
+
67
+ .carousel-item.active,
68
+ .carousel-item-next.carousel-item-left,
69
+ .carousel-item-prev.carousel-item-right {
70
+ z-index: 1;
71
+ opacity: 1;
72
+ }
73
+
74
+ .active.carousel-item-left,
75
+ .active.carousel-item-right {
76
+ z-index: 0;
77
+ opacity: 0;
78
+ @include transition(opacity 0s $carousel-transition-duration);
79
+ }
80
+ }
81
+
82
+
83
+ //
84
+ // Left/right controls for nav
85
+ //
86
+
87
+ .carousel-control-prev,
88
+ .carousel-control-next {
89
+ position: absolute;
90
+ top: 0;
91
+ bottom: 0;
92
+ z-index: 1;
93
+ // Use flex for alignment (1-3)
94
+ display: flex; // 1. allow flex styles
95
+ align-items: center; // 2. vertically center contents
96
+ justify-content: center; // 3. horizontally center contents
97
+ width: $carousel-control-width;
98
+ color: $carousel-control-color;
99
+ text-align: center;
100
+ opacity: $carousel-control-opacity;
101
+ @include transition($carousel-control-transition);
102
+
103
+ // Hover/focus state
104
+ @include hover-focus() {
105
+ color: $carousel-control-color;
106
+ text-decoration: none;
107
+ outline: 0;
108
+ opacity: $carousel-control-hover-opacity;
109
+ }
110
+ }
111
+ .carousel-control-prev {
112
+ left: 0;
113
+ @if $enable-gradients {
114
+ background-image: linear-gradient(90deg, rgba($black, .25), rgba($black, .001));
115
+ }
116
+ }
117
+ .carousel-control-next {
118
+ right: 0;
119
+ @if $enable-gradients {
120
+ background-image: linear-gradient(270deg, rgba($black, .25), rgba($black, .001));
121
+ }
122
+ }
123
+
124
+ // Icons for within
125
+ .carousel-control-prev-icon,
126
+ .carousel-control-next-icon {
127
+ display: inline-block;
128
+ width: $carousel-control-icon-width;
129
+ height: $carousel-control-icon-width;
130
+ background: no-repeat 50% / 100% 100%;
131
+ }
132
+ .carousel-control-prev-icon {
133
+ background-image: escape-svg($carousel-control-prev-icon-bg);
134
+ }
135
+ .carousel-control-next-icon {
136
+ background-image: escape-svg($carousel-control-next-icon-bg);
137
+ }
138
+
139
+
140
+ // Optional indicator pips
141
+ //
142
+ // Add an ordered list with the following class and add a list item for each
143
+ // slide your carousel holds.
144
+
145
+ .carousel-indicators {
146
+ position: absolute;
147
+ right: 0;
148
+ bottom: 0;
149
+ left: 0;
150
+ z-index: 15;
151
+ display: flex;
152
+ justify-content: center;
153
+ padding-left: 0; // override <ol> default
154
+ // Use the .carousel-control's width as margin so we don't overlay those
155
+ margin-right: $carousel-control-width;
156
+ margin-left: $carousel-control-width;
157
+ list-style: none;
158
+
159
+ li {
160
+ box-sizing: content-box;
161
+ flex: 0 1 auto;
162
+ width: $carousel-indicator-width;
163
+ height: $carousel-indicator-height;
164
+ margin-right: $carousel-indicator-spacer;
165
+ margin-left: $carousel-indicator-spacer;
166
+ text-indent: -999px;
167
+ cursor: pointer;
168
+ background-color: $carousel-indicator-active-bg;
169
+ background-clip: padding-box;
170
+ // Use transparent borders to increase the hit area by 10px on top and bottom.
171
+ border-top: $carousel-indicator-hit-area-height solid transparent;
172
+ border-bottom: $carousel-indicator-hit-area-height solid transparent;
173
+ opacity: .5;
174
+ @include transition($carousel-indicator-transition);
175
+ }
176
+
177
+ .active {
178
+ opacity: 1;
179
+ }
180
+ }
181
+
182
+
183
+ // Optional captions
184
+ //
185
+ //
186
+
187
+ .carousel-caption {
188
+ position: absolute;
189
+ right: (100% - $carousel-caption-width) / 2;
190
+ bottom: 20px;
191
+ left: (100% - $carousel-caption-width) / 2;
192
+ z-index: 10;
193
+ padding-top: 20px;
194
+ padding-bottom: 20px;
195
+ color: $carousel-caption-color;
196
+ text-align: center;
197
+ }