@saooti/octopus-sdk 1.0.0 → 29.0.2

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.
Files changed (230) hide show
  1. package/README.md +73 -0
  2. package/index.d.ts +4 -0
  3. package/index.ts +12 -0
  4. package/package.json +61 -39
  5. package/public/css/fonts/saooti-ui.eot +0 -0
  6. package/public/css/fonts/saooti-ui.svg +30 -19
  7. package/public/css/fonts/saooti-ui.ttf +0 -0
  8. package/public/css/fonts/saooti-ui.woff +0 -0
  9. package/public/css/fonts/style.css +48 -5
  10. package/public/img/ACPM.png +0 -0
  11. package/public/img/article.png +0 -0
  12. package/src/App.vue +97 -31
  13. package/src/api/comments.ts +3 -1
  14. package/src/api/emissions.ts +5 -2
  15. package/src/api/initialize.ts +3 -2
  16. package/src/api/podcasts.ts +5 -2
  17. package/src/api/profile.ts +4 -2
  18. package/src/api/studio.ts +12 -1
  19. package/src/assets/bootstrap-diff.scss +265 -0
  20. package/src/assets/form.scss +23 -0
  21. package/src/assets/general.scss +47 -20
  22. package/src/assets/modal.scss +9 -10
  23. package/src/assets/multiselect.scss +19 -2
  24. package/src/assets/octopus-library.scss +16 -4
  25. package/src/assets/share.scss +343 -0
  26. package/src/components/display/aggregator/RssSection.vue +4 -4
  27. package/src/components/display/categories/CategoryChooser.vue +152 -105
  28. package/src/components/display/categories/CategoryFilter.vue +108 -0
  29. package/src/components/display/categories/CategoryList.vue +138 -109
  30. package/src/components/display/comments/AddCommentModal.vue +104 -87
  31. package/src/components/display/comments/CommentInput.vue +137 -118
  32. package/src/components/display/comments/CommentItem.vue +155 -137
  33. package/src/components/display/comments/CommentList.vue +142 -120
  34. package/src/components/display/comments/CommentParentInfo.vue +39 -35
  35. package/src/components/display/comments/CommentPlayer.vue +54 -48
  36. package/src/components/display/comments/CommentSection.vue +57 -58
  37. package/src/components/display/edit/EditBox.vue +4 -4
  38. package/src/components/display/edit/EditCommentBox.vue +25 -31
  39. package/src/components/display/emission/EmissionChooser.vue +82 -80
  40. package/src/components/display/emission/EmissionInlineList.vue +118 -105
  41. package/src/components/display/emission/EmissionItem.vue +66 -167
  42. package/src/components/display/emission/EmissionList.vue +96 -122
  43. package/src/components/display/emission/EmissionPlayerItem.vue +131 -126
  44. package/src/components/display/filter/AdvancedSearch.vue +306 -372
  45. package/src/components/display/filter/CategoryFilter.vue +117 -0
  46. package/src/components/display/filter/MonetizableFilter.vue +24 -10
  47. package/src/components/display/filter/ProductorSearch.vue +131 -135
  48. package/src/components/display/filter/RubriqueChoice.vue +104 -0
  49. package/src/components/display/filter/RubriqueFilter.vue +235 -0
  50. package/src/components/display/live/CountDown.vue +30 -29
  51. package/src/components/display/live/LiveHorizontalList.vue +40 -34
  52. package/src/components/display/live/LiveItem.vue +146 -158
  53. package/src/components/display/live/LiveList.vue +167 -154
  54. package/src/components/display/organisation/OrganisationChooser.vue +125 -124
  55. package/src/components/display/organisation/OrganisationChooserLight.vue +40 -47
  56. package/src/components/display/participant/ParticipantItem.vue +92 -108
  57. package/src/components/display/participant/ParticipantList.vue +76 -69
  58. package/src/components/display/playlist/PlaylistItem.vue +45 -56
  59. package/src/components/display/playlist/PlaylistList.vue +57 -48
  60. package/src/components/display/playlist/PodcastList.vue +94 -70
  61. package/src/components/display/podcasts/AnimatorsItem.vue +26 -23
  62. package/src/components/display/podcasts/ParticipantDescription.vue +115 -0
  63. package/src/components/display/podcasts/PodcastFilterList.vue +84 -85
  64. package/src/components/display/podcasts/PodcastImage.vue +244 -208
  65. package/src/components/display/podcasts/PodcastInlineList.vue +145 -207
  66. package/src/components/display/podcasts/PodcastItem.vue +150 -132
  67. package/src/components/display/podcasts/PodcastList.vue +89 -110
  68. package/src/components/display/podcasts/TagList.vue +23 -16
  69. package/src/components/display/rubriques/RubriqueChooser.vue +137 -123
  70. package/src/components/display/rubriques/RubriqueList.vue +227 -0
  71. package/src/components/display/sharing/PlayerParameters.vue +154 -106
  72. package/src/components/display/sharing/QrCode.vue +58 -0
  73. package/src/components/display/sharing/ShareButtons.vue +214 -92
  74. package/src/components/display/sharing/ShareDistribution.vue +110 -121
  75. package/src/components/display/sharing/SharePlayer.vue +245 -190
  76. package/src/components/display/sharing/SubscribeButtons.vue +130 -66
  77. package/src/components/display/studio/RecordingItemButton.vue +4 -4
  78. package/src/components/misc/ErrorMessage.vue +21 -16
  79. package/src/components/misc/Footer.vue +131 -66
  80. package/src/components/misc/HomeDropdown.vue +166 -123
  81. package/src/components/misc/LeftMenu.vue +151 -134
  82. package/src/components/misc/Player.vue +332 -328
  83. package/src/components/misc/Snackbar.vue +27 -29
  84. package/src/components/misc/TopBar.vue +204 -174
  85. package/src/components/misc/modal/ClipboardModal.vue +46 -26
  86. package/src/components/misc/modal/MessageModal.vue +67 -51
  87. package/src/components/misc/modal/NewsletterModal.vue +179 -136
  88. package/src/components/misc/modal/QrCodeModal.vue +83 -0
  89. package/src/components/misc/modal/ShareModalPlayer.vue +133 -74
  90. package/src/components/mixins/functions.ts +21 -18
  91. package/src/components/mixins/init.ts +24 -0
  92. package/src/components/mixins/organisationFilter.ts +24 -0
  93. package/src/components/pages/Category.vue +26 -26
  94. package/src/components/pages/Emission.vue +120 -92
  95. package/src/components/pages/Emissions.vue +109 -86
  96. package/src/components/pages/Home.vue +70 -16
  97. package/src/components/pages/Lives.vue +57 -47
  98. package/src/components/pages/Participant.vue +93 -77
  99. package/src/components/pages/Participants.vue +44 -31
  100. package/src/components/pages/Playlist.vue +63 -52
  101. package/src/components/pages/Playlists.vue +41 -39
  102. package/src/components/pages/Podcast.vue +265 -251
  103. package/src/components/pages/Podcasts.vue +135 -104
  104. package/src/components/pages/Rubrique.vue +25 -19
  105. package/src/components/pages/Search.vue +71 -67
  106. package/src/helper/dom.ts +2 -2
  107. package/src/helper/duration.ts +18 -8
  108. package/src/locale/educationen.ts +14 -0
  109. package/src/locale/en.ts +299 -1
  110. package/src/locale/fr.ts +25 -10
  111. package/src/locale/messages.ts +3 -2
  112. package/src/main.ts +54 -32
  113. package/src/router/router.ts +184 -159
  114. package/src/shims-tsx.d.ts +13 -0
  115. package/src/shims-vue-recaptcha-v3.d.ts +9 -0
  116. package/src/shims-vue.d.ts +5 -6
  117. package/src/store/AppStore.ts +36 -171
  118. package/src/store/class/category.ts +8 -0
  119. package/src/store/class/comment.ts +17 -0
  120. package/src/store/class/conference.ts +27 -0
  121. package/src/store/class/customPlayer.ts +8 -0
  122. package/src/store/class/emission.ts +20 -0
  123. package/src/store/class/fetchParam.ts +16 -0
  124. package/src/store/class/media.ts +13 -0
  125. package/src/store/class/organisation.ts +19 -0
  126. package/src/store/class/participant.ts +12 -0
  127. package/src/store/class/person.ts +13 -0
  128. package/src/store/class/player.ts +12 -0
  129. package/src/store/class/playlist.ts +15 -0
  130. package/src/store/class/podcast.ts +37 -0
  131. package/src/store/class/rubriquage.ts +9 -0
  132. package/src/store/class/rubriquageFilter.ts +5 -0
  133. package/src/store/class/rubrique.ts +8 -0
  134. package/src/store/paramStore.ts +70 -29
  135. package/src/store/typeAppStore.ts +171 -237
  136. package/src/vuex-shim.d.ts +8 -0
  137. package/tsconfig.json +4 -0
  138. package/vue.config.js +14 -0
  139. package/public/img/ACPM.PNG +0 -0
  140. package/src/assets/bootstrap_scss/_alert.scss +0 -51
  141. package/src/assets/bootstrap_scss/_badge.scss +0 -54
  142. package/src/assets/bootstrap_scss/_breadcrumb.scss +0 -42
  143. package/src/assets/bootstrap_scss/_button-group.scss +0 -164
  144. package/src/assets/bootstrap_scss/_buttons.scss +0 -291
  145. package/src/assets/bootstrap_scss/_card.scss +0 -278
  146. package/src/assets/bootstrap_scss/_carousel.scss +0 -197
  147. package/src/assets/bootstrap_scss/_close.scss +0 -41
  148. package/src/assets/bootstrap_scss/_code.scss +0 -48
  149. package/src/assets/bootstrap_scss/_custom-forms.scss +0 -522
  150. package/src/assets/bootstrap_scss/_dropdown.scss +0 -201
  151. package/src/assets/bootstrap_scss/_forms.scss +0 -352
  152. package/src/assets/bootstrap_scss/_functions.scss +0 -134
  153. package/src/assets/bootstrap_scss/_grid.scss +0 -69
  154. package/src/assets/bootstrap_scss/_images.scss +0 -42
  155. package/src/assets/bootstrap_scss/_input-group.scss +0 -191
  156. package/src/assets/bootstrap_scss/_jumbotron.scss +0 -17
  157. package/src/assets/bootstrap_scss/_list-group.scss +0 -158
  158. package/src/assets/bootstrap_scss/_media.scss +0 -8
  159. package/src/assets/bootstrap_scss/_mixins.scss +0 -47
  160. package/src/assets/bootstrap_scss/_modal.scss +0 -243
  161. package/src/assets/bootstrap_scss/_nav.scss +0 -120
  162. package/src/assets/bootstrap_scss/_navbar.scss +0 -324
  163. package/src/assets/bootstrap_scss/_pagination.scss +0 -74
  164. package/src/assets/bootstrap_scss/_popover.scss +0 -170
  165. package/src/assets/bootstrap_scss/_print.scss +0 -141
  166. package/src/assets/bootstrap_scss/_progress.scss +0 -46
  167. package/src/assets/bootstrap_scss/_reboot.scss +0 -482
  168. package/src/assets/bootstrap_scss/_root.scss +0 -20
  169. package/src/assets/bootstrap_scss/_spinners.scss +0 -55
  170. package/src/assets/bootstrap_scss/_tables.scss +0 -185
  171. package/src/assets/bootstrap_scss/_toasts.scss +0 -44
  172. package/src/assets/bootstrap_scss/_tooltip.scss +0 -115
  173. package/src/assets/bootstrap_scss/_transitions.scss +0 -20
  174. package/src/assets/bootstrap_scss/_type.scss +0 -125
  175. package/src/assets/bootstrap_scss/_utilities.scss +0 -17
  176. package/src/assets/bootstrap_scss/_variables.scss +0 -1145
  177. package/src/assets/bootstrap_scss/bootstrap-grid.scss +0 -29
  178. package/src/assets/bootstrap_scss/bootstrap-reboot.scss +0 -12
  179. package/src/assets/bootstrap_scss/bootstrap.scss +0 -44
  180. package/src/assets/bootstrap_scss/mixins/_alert.scss +0 -13
  181. package/src/assets/bootstrap_scss/mixins/_background-variant.scss +0 -22
  182. package/src/assets/bootstrap_scss/mixins/_badge.scss +0 -17
  183. package/src/assets/bootstrap_scss/mixins/_border-radius.scss +0 -63
  184. package/src/assets/bootstrap_scss/mixins/_box-shadow.scss +0 -20
  185. package/src/assets/bootstrap_scss/mixins/_breakpoints.scss +0 -123
  186. package/src/assets/bootstrap_scss/mixins/_buttons.scss +0 -110
  187. package/src/assets/bootstrap_scss/mixins/_caret.scss +0 -62
  188. package/src/assets/bootstrap_scss/mixins/_clearfix.scss +0 -7
  189. package/src/assets/bootstrap_scss/mixins/_deprecate.scss +0 -10
  190. package/src/assets/bootstrap_scss/mixins/_float.scss +0 -14
  191. package/src/assets/bootstrap_scss/mixins/_forms.scss +0 -177
  192. package/src/assets/bootstrap_scss/mixins/_gradients.scss +0 -45
  193. package/src/assets/bootstrap_scss/mixins/_grid-framework.scss +0 -71
  194. package/src/assets/bootstrap_scss/mixins/_grid.scss +0 -69
  195. package/src/assets/bootstrap_scss/mixins/_hover.scss +0 -37
  196. package/src/assets/bootstrap_scss/mixins/_image.scss +0 -36
  197. package/src/assets/bootstrap_scss/mixins/_list-group.scss +0 -21
  198. package/src/assets/bootstrap_scss/mixins/_lists.scss +0 -7
  199. package/src/assets/bootstrap_scss/mixins/_nav-divider.scss +0 -11
  200. package/src/assets/bootstrap_scss/mixins/_pagination.scss +0 -22
  201. package/src/assets/bootstrap_scss/mixins/_reset-text.scss +0 -17
  202. package/src/assets/bootstrap_scss/mixins/_resize.scss +0 -6
  203. package/src/assets/bootstrap_scss/mixins/_screen-reader.scss +0 -34
  204. package/src/assets/bootstrap_scss/mixins/_size.scss +0 -7
  205. package/src/assets/bootstrap_scss/mixins/_table-row.scss +0 -39
  206. package/src/assets/bootstrap_scss/mixins/_text-emphasis.scss +0 -17
  207. package/src/assets/bootstrap_scss/mixins/_text-hide.scss +0 -11
  208. package/src/assets/bootstrap_scss/mixins/_text-truncate.scss +0 -8
  209. package/src/assets/bootstrap_scss/mixins/_transition.scss +0 -16
  210. package/src/assets/bootstrap_scss/mixins/_visibility.scss +0 -8
  211. package/src/assets/bootstrap_scss/utilities/_align.scss +0 -8
  212. package/src/assets/bootstrap_scss/utilities/_background.scss +0 -19
  213. package/src/assets/bootstrap_scss/utilities/_borders.scss +0 -75
  214. package/src/assets/bootstrap_scss/utilities/_clearfix.scss +0 -3
  215. package/src/assets/bootstrap_scss/utilities/_display.scss +0 -26
  216. package/src/assets/bootstrap_scss/utilities/_embed.scss +0 -39
  217. package/src/assets/bootstrap_scss/utilities/_flex.scss +0 -51
  218. package/src/assets/bootstrap_scss/utilities/_float.scss +0 -11
  219. package/src/assets/bootstrap_scss/utilities/_overflow.scss +0 -5
  220. package/src/assets/bootstrap_scss/utilities/_position.scss +0 -32
  221. package/src/assets/bootstrap_scss/utilities/_screenreaders.scss +0 -11
  222. package/src/assets/bootstrap_scss/utilities/_shadows.scss +0 -6
  223. package/src/assets/bootstrap_scss/utilities/_sizing.scss +0 -20
  224. package/src/assets/bootstrap_scss/utilities/_spacing.scss +0 -73
  225. package/src/assets/bootstrap_scss/utilities/_stretched-link.scss +0 -19
  226. package/src/assets/bootstrap_scss/utilities/_text.scss +0 -72
  227. package/src/assets/bootstrap_scss/utilities/_visibility.scss +0 -13
  228. package/src/assets/bootstrap_scss/vendor/_rfs.scss +0 -204
  229. package/src/shims-vuex.d.ts +0 -7
  230. package/src/views/Home.vue +0 -18
@@ -1,278 +0,0 @@
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:first-child {
23
- .list-group-item:first-child {
24
- @include border-top-radius($card-border-radius);
25
- }
26
- }
27
-
28
- > .list-group:last-child {
29
- .list-group-item:last-child {
30
- @include border-bottom-radius($card-border-radius);
31
- }
32
- }
33
- }
34
-
35
- .card-body {
36
- // Enable `flex-grow: 1` for decks and groups so that card blocks take up
37
- // as much space as possible, ensuring footers are aligned to the bottom.
38
- flex: 1 1 auto;
39
- // Workaround for the image size bug in IE
40
- // See: https://github.com/twbs/bootstrap/pull/28855
41
- min-height: 1px;
42
- padding: $card-spacer-x;
43
- color: $card-color;
44
- }
45
-
46
- .card-title {
47
- margin-bottom: $card-spacer-y;
48
- }
49
-
50
- .card-subtitle {
51
- margin-top: -$card-spacer-y / 2;
52
- margin-bottom: 0;
53
- }
54
-
55
- .card-text:last-child {
56
- margin-bottom: 0;
57
- }
58
-
59
- .card-link {
60
- @include hover() {
61
- text-decoration: none;
62
- }
63
-
64
- + .card-link {
65
- margin-left: $card-spacer-x;
66
- }
67
- }
68
-
69
- //
70
- // Optional textual caps
71
- //
72
-
73
- .card-header {
74
- padding: $card-spacer-y $card-spacer-x;
75
- margin-bottom: 0; // Removes the default margin-bottom of <hN>
76
- color: $card-cap-color;
77
- background-color: $card-cap-bg;
78
- border-bottom: $card-border-width solid $card-border-color;
79
-
80
- &:first-child {
81
- @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
82
- }
83
-
84
- + .list-group {
85
- .list-group-item:first-child {
86
- border-top: 0;
87
- }
88
- }
89
- }
90
-
91
- .card-footer {
92
- padding: $card-spacer-y $card-spacer-x;
93
- background-color: $card-cap-bg;
94
- border-top: $card-border-width solid $card-border-color;
95
-
96
- &:last-child {
97
- @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
98
- }
99
- }
100
-
101
-
102
- //
103
- // Header navs
104
- //
105
-
106
- .card-header-tabs {
107
- margin-right: -$card-spacer-x / 2;
108
- margin-bottom: -$card-spacer-y;
109
- margin-left: -$card-spacer-x / 2;
110
- border-bottom: 0;
111
- }
112
-
113
- .card-header-pills {
114
- margin-right: -$card-spacer-x / 2;
115
- margin-left: -$card-spacer-x / 2;
116
- }
117
-
118
- // Card image
119
- .card-img-overlay {
120
- position: absolute;
121
- top: 0;
122
- right: 0;
123
- bottom: 0;
124
- left: 0;
125
- padding: $card-img-overlay-padding;
126
- }
127
-
128
- .card-img,
129
- .card-img-top,
130
- .card-img-bottom {
131
- flex-shrink: 0; // For IE: https://github.com/twbs/bootstrap/issues/29396
132
- width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
133
- }
134
-
135
- .card-img,
136
- .card-img-top {
137
- @include border-top-radius($card-inner-border-radius);
138
- }
139
-
140
- .card-img,
141
- .card-img-bottom {
142
- @include border-bottom-radius($card-inner-border-radius);
143
- }
144
-
145
-
146
- // Card deck
147
-
148
- .card-deck {
149
- .card {
150
- margin-bottom: $card-deck-margin;
151
- }
152
-
153
- @include media-breakpoint-up(sm) {
154
- display: flex;
155
- flex-flow: row wrap;
156
- margin-right: -$card-deck-margin;
157
- margin-left: -$card-deck-margin;
158
-
159
- .card {
160
- // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
161
- flex: 1 0 0%;
162
- margin-right: $card-deck-margin;
163
- margin-bottom: 0; // Override the default
164
- margin-left: $card-deck-margin;
165
- }
166
- }
167
- }
168
-
169
-
170
- //
171
- // Card groups
172
- //
173
-
174
- .card-group {
175
- // The child selector allows nested `.card` within `.card-group`
176
- // to display properly.
177
- > .card {
178
- margin-bottom: $card-group-margin;
179
- }
180
-
181
- @include media-breakpoint-up(sm) {
182
- display: flex;
183
- flex-flow: row wrap;
184
- // The child selector allows nested `.card` within `.card-group`
185
- // to display properly.
186
- > .card {
187
- // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
188
- flex: 1 0 0%;
189
- margin-bottom: 0;
190
-
191
- + .card {
192
- margin-left: 0;
193
- border-left: 0;
194
- }
195
-
196
- // Handle rounded corners
197
- @if $enable-rounded {
198
- &:not(:last-child) {
199
- @include border-right-radius(0);
200
-
201
- .card-img-top,
202
- .card-header {
203
- // stylelint-disable-next-line property-blacklist
204
- border-top-right-radius: 0;
205
- }
206
- .card-img-bottom,
207
- .card-footer {
208
- // stylelint-disable-next-line property-blacklist
209
- border-bottom-right-radius: 0;
210
- }
211
- }
212
-
213
- &:not(:first-child) {
214
- @include border-left-radius(0);
215
-
216
- .card-img-top,
217
- .card-header {
218
- // stylelint-disable-next-line property-blacklist
219
- border-top-left-radius: 0;
220
- }
221
- .card-img-bottom,
222
- .card-footer {
223
- // stylelint-disable-next-line property-blacklist
224
- border-bottom-left-radius: 0;
225
- }
226
- }
227
- }
228
- }
229
- }
230
- }
231
-
232
-
233
- //
234
- // Columns
235
- //
236
-
237
- .card-columns {
238
- .card {
239
- margin-bottom: $card-columns-margin;
240
- }
241
-
242
- @include media-breakpoint-up(sm) {
243
- column-count: $card-columns-count;
244
- column-gap: $card-columns-gap;
245
- orphans: 1;
246
- widows: 1;
247
-
248
- .card {
249
- display: inline-block; // Don't let them vertically span multiple columns
250
- width: 100%; // Don't let their width change
251
- }
252
- }
253
- }
254
-
255
-
256
- //
257
- // Accordion
258
- //
259
-
260
- .accordion {
261
- > .card {
262
- overflow: hidden;
263
-
264
- &:not(:last-of-type) {
265
- border-bottom: 0;
266
- @include border-bottom-radius(0);
267
- }
268
-
269
- &:not(:first-of-type) {
270
- @include border-top-radius(0);
271
- }
272
-
273
- > .card-header {
274
- @include border-radius(0);
275
- margin-bottom: -$card-border-width;
276
- }
277
- }
278
- }
@@ -1,197 +0,0 @@
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
- }
@@ -1,41 +0,0 @@
1
- .close {
2
- float: right;
3
- @include font-size($close-font-size);
4
- font-weight: $close-font-weight;
5
- line-height: 1;
6
- color: $close-color;
7
- text-shadow: $close-text-shadow;
8
- opacity: .5;
9
-
10
- // Override <a>'s hover style
11
- @include hover() {
12
- color: $close-color;
13
- text-decoration: none;
14
- }
15
-
16
- &:not(:disabled):not(.disabled) {
17
- @include hover-focus() {
18
- opacity: .75;
19
- }
20
- }
21
- }
22
-
23
- // Additional properties for button version
24
- // iOS requires the button element instead of an anchor tag.
25
- // If you want the anchor version, it requires `href="#"`.
26
- // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
27
-
28
- // stylelint-disable-next-line selector-no-qualifying-type
29
- button.close {
30
- padding: 0;
31
- background-color: transparent;
32
- border: 0;
33
- appearance: none;
34
- }
35
-
36
- // Future-proof disabling of clicks on `<a>` elements
37
-
38
- // stylelint-disable-next-line selector-no-qualifying-type
39
- a.close.disabled {
40
- pointer-events: none;
41
- }
@@ -1,48 +0,0 @@
1
- // Inline code
2
- code {
3
- @include font-size($code-font-size);
4
- color: $code-color;
5
- word-wrap: break-word;
6
-
7
- // Streamline the style when inside anchors to avoid broken underline and more
8
- a > & {
9
- color: inherit;
10
- }
11
- }
12
-
13
- // User input typically entered via keyboard
14
- kbd {
15
- padding: $kbd-padding-y $kbd-padding-x;
16
- @include font-size($kbd-font-size);
17
- color: $kbd-color;
18
- background-color: $kbd-bg;
19
- @include border-radius($border-radius-sm);
20
- @include box-shadow($kbd-box-shadow);
21
-
22
- kbd {
23
- padding: 0;
24
- @include font-size(100%);
25
- font-weight: $nested-kbd-font-weight;
26
- @include box-shadow(none);
27
- }
28
- }
29
-
30
- // Blocks of code
31
- pre {
32
- display: block;
33
- @include font-size($code-font-size);
34
- color: $pre-color;
35
-
36
- // Account for some code outputs that place code tags in pre tags
37
- code {
38
- @include font-size(inherit);
39
- color: inherit;
40
- word-break: normal;
41
- }
42
- }
43
-
44
- // Enable scrollable blocks of code
45
- .pre-scrollable {
46
- max-height: $pre-scrollable-max-height;
47
- overflow-y: scroll;
48
- }