@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,8 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- .align-baseline { vertical-align: baseline !important; } // Browser default
4
- .align-top { vertical-align: top !important; }
5
- .align-middle { vertical-align: middle !important; }
6
- .align-bottom { vertical-align: bottom !important; }
7
- .align-text-bottom { vertical-align: text-bottom !important; }
8
- .align-text-top { vertical-align: text-top !important; }
@@ -1,19 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- @each $color, $value in $theme-colors {
4
- @include bg-variant(".bg-#{$color}", $value, true);
5
- }
6
-
7
- @if $enable-gradients {
8
- @each $color, $value in $theme-colors {
9
- @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
10
- }
11
- }
12
-
13
- .bg-white {
14
- background-color: $white !important;
15
- }
16
-
17
- .bg-transparent {
18
- background-color: transparent !important;
19
- }
@@ -1,75 +0,0 @@
1
- // stylelint-disable property-blacklist, declaration-no-important
2
-
3
- //
4
- // Border
5
- //
6
-
7
- .border { border: $border-width solid $border-color !important; }
8
- .border-top { border-top: $border-width solid $border-color !important; }
9
- .border-right { border-right: $border-width solid $border-color !important; }
10
- .border-bottom { border-bottom: $border-width solid $border-color !important; }
11
- .border-left { border-left: $border-width solid $border-color !important; }
12
-
13
- .border-0 { border: 0 !important; }
14
- .border-top-0 { border-top: 0 !important; }
15
- .border-right-0 { border-right: 0 !important; }
16
- .border-bottom-0 { border-bottom: 0 !important; }
17
- .border-left-0 { border-left: 0 !important; }
18
-
19
- @each $color, $value in $theme-colors {
20
- .border-#{$color} {
21
- border-color: $value !important;
22
- }
23
- }
24
-
25
- .border-white {
26
- border-color: $white !important;
27
- }
28
-
29
- //
30
- // Border-radius
31
- //
32
-
33
- .rounded-sm {
34
- border-radius: $border-radius-sm !important;
35
- }
36
-
37
- .rounded {
38
- border-radius: $border-radius !important;
39
- }
40
-
41
- .rounded-top {
42
- border-top-left-radius: $border-radius !important;
43
- border-top-right-radius: $border-radius !important;
44
- }
45
-
46
- .rounded-right {
47
- border-top-right-radius: $border-radius !important;
48
- border-bottom-right-radius: $border-radius !important;
49
- }
50
-
51
- .rounded-bottom {
52
- border-bottom-right-radius: $border-radius !important;
53
- border-bottom-left-radius: $border-radius !important;
54
- }
55
-
56
- .rounded-left {
57
- border-top-left-radius: $border-radius !important;
58
- border-bottom-left-radius: $border-radius !important;
59
- }
60
-
61
- .rounded-lg {
62
- border-radius: $border-radius-lg !important;
63
- }
64
-
65
- .rounded-circle {
66
- border-radius: 50% !important;
67
- }
68
-
69
- .rounded-pill {
70
- border-radius: $rounded-pill !important;
71
- }
72
-
73
- .rounded-0 {
74
- border-radius: 0 !important;
75
- }
@@ -1,3 +0,0 @@
1
- .clearfix {
2
- @include clearfix();
3
- }
@@ -1,26 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- //
4
- // Utilities for common `display` values
5
- //
6
-
7
- @each $breakpoint in map-keys($grid-breakpoints) {
8
- @include media-breakpoint-up($breakpoint) {
9
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
10
-
11
- @each $value in $displays {
12
- .d#{$infix}-#{$value} { display: $value !important; }
13
- }
14
- }
15
- }
16
-
17
-
18
- //
19
- // Utilities for toggling `display` in print
20
- //
21
-
22
- @media print {
23
- @each $value in $displays {
24
- .d-print-#{$value} { display: $value !important; }
25
- }
26
- }
@@ -1,39 +0,0 @@
1
- // Credit: Nicolas Gallagher and SUIT CSS.
2
-
3
- .embed-responsive {
4
- position: relative;
5
- display: block;
6
- width: 100%;
7
- padding: 0;
8
- overflow: hidden;
9
-
10
- &::before {
11
- display: block;
12
- content: "";
13
- }
14
-
15
- .embed-responsive-item,
16
- iframe,
17
- embed,
18
- object,
19
- video {
20
- position: absolute;
21
- top: 0;
22
- bottom: 0;
23
- left: 0;
24
- width: 100%;
25
- height: 100%;
26
- border: 0;
27
- }
28
- }
29
-
30
- @each $embed-responsive-aspect-ratio in $embed-responsive-aspect-ratios {
31
- $embed-responsive-aspect-ratio-x: nth($embed-responsive-aspect-ratio, 1);
32
- $embed-responsive-aspect-ratio-y: nth($embed-responsive-aspect-ratio, 2);
33
-
34
- .embed-responsive-#{$embed-responsive-aspect-ratio-x}by#{$embed-responsive-aspect-ratio-y} {
35
- &::before {
36
- padding-top: percentage($embed-responsive-aspect-ratio-y / $embed-responsive-aspect-ratio-x);
37
- }
38
- }
39
- }
@@ -1,51 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Flex variation
4
- //
5
- // Custom styles for additional flex alignment options.
6
-
7
- @each $breakpoint in map-keys($grid-breakpoints) {
8
- @include media-breakpoint-up($breakpoint) {
9
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
10
-
11
- .flex#{$infix}-row { flex-direction: row !important; }
12
- .flex#{$infix}-column { flex-direction: column !important; }
13
- .flex#{$infix}-row-reverse { flex-direction: row-reverse !important; }
14
- .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
15
-
16
- .flex#{$infix}-wrap { flex-wrap: wrap !important; }
17
- .flex#{$infix}-nowrap { flex-wrap: nowrap !important; }
18
- .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
19
- .flex#{$infix}-fill { flex: 1 1 auto !important; }
20
- .flex#{$infix}-grow-0 { flex-grow: 0 !important; }
21
- .flex#{$infix}-grow-1 { flex-grow: 1 !important; }
22
- .flex#{$infix}-shrink-0 { flex-shrink: 0 !important; }
23
- .flex#{$infix}-shrink-1 { flex-shrink: 1 !important; }
24
-
25
- .justify-content#{$infix}-start { justify-content: flex-start !important; }
26
- .justify-content#{$infix}-end { justify-content: flex-end !important; }
27
- .justify-content#{$infix}-center { justify-content: center !important; }
28
- .justify-content#{$infix}-between { justify-content: space-between !important; }
29
- .justify-content#{$infix}-around { justify-content: space-around !important; }
30
-
31
- .align-items#{$infix}-start { align-items: flex-start !important; }
32
- .align-items#{$infix}-end { align-items: flex-end !important; }
33
- .align-items#{$infix}-center { align-items: center !important; }
34
- .align-items#{$infix}-baseline { align-items: baseline !important; }
35
- .align-items#{$infix}-stretch { align-items: stretch !important; }
36
-
37
- .align-content#{$infix}-start { align-content: flex-start !important; }
38
- .align-content#{$infix}-end { align-content: flex-end !important; }
39
- .align-content#{$infix}-center { align-content: center !important; }
40
- .align-content#{$infix}-between { align-content: space-between !important; }
41
- .align-content#{$infix}-around { align-content: space-around !important; }
42
- .align-content#{$infix}-stretch { align-content: stretch !important; }
43
-
44
- .align-self#{$infix}-auto { align-self: auto !important; }
45
- .align-self#{$infix}-start { align-self: flex-start !important; }
46
- .align-self#{$infix}-end { align-self: flex-end !important; }
47
- .align-self#{$infix}-center { align-self: center !important; }
48
- .align-self#{$infix}-baseline { align-self: baseline !important; }
49
- .align-self#{$infix}-stretch { align-self: stretch !important; }
50
- }
51
- }
@@ -1,11 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- @each $breakpoint in map-keys($grid-breakpoints) {
4
- @include media-breakpoint-up($breakpoint) {
5
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
6
-
7
- .float#{$infix}-left { float: left !important; }
8
- .float#{$infix}-right { float: right !important; }
9
- .float#{$infix}-none { float: none !important; }
10
- }
11
- }
@@ -1,5 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- @each $value in $overflows {
4
- .overflow-#{$value} { overflow: $value !important; }
5
- }
@@ -1,32 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Common values
4
- @each $position in $positions {
5
- .position-#{$position} { position: $position !important; }
6
- }
7
-
8
- // Shorthand
9
-
10
- .fixed-top {
11
- position: fixed;
12
- top: 0;
13
- right: 0;
14
- left: 0;
15
- z-index: $zindex-fixed;
16
- }
17
-
18
- .fixed-bottom {
19
- position: fixed;
20
- right: 0;
21
- bottom: 0;
22
- left: 0;
23
- z-index: $zindex-fixed;
24
- }
25
-
26
- .sticky-top {
27
- @supports (position: sticky) {
28
- position: sticky;
29
- top: 0;
30
- z-index: $zindex-sticky;
31
- }
32
- }
@@ -1,11 +0,0 @@
1
- //
2
- // Screenreaders
3
- //
4
-
5
- .sr-only {
6
- @include sr-only();
7
- }
8
-
9
- .sr-only-focusable {
10
- @include sr-only-focusable();
11
- }
@@ -1,6 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- .shadow-sm { box-shadow: $box-shadow-sm !important; }
4
- .shadow { box-shadow: $box-shadow !important; }
5
- .shadow-lg { box-shadow: $box-shadow-lg !important; }
6
- .shadow-none { box-shadow: none !important; }
@@ -1,20 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Width and height
4
-
5
- @each $prop, $abbrev in (width: w, height: h) {
6
- @each $size, $length in $sizes {
7
- .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
8
- }
9
- }
10
-
11
- .mw-100 { max-width: 100% !important; }
12
- .mh-100 { max-height: 100% !important; }
13
-
14
- // Viewport additional helpers
15
-
16
- .min-vw-100 { min-width: 100vw !important; }
17
- .min-vh-100 { min-height: 100vh !important; }
18
-
19
- .vw-100 { width: 100vw !important; }
20
- .vh-100 { height: 100vh !important; }
@@ -1,73 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- // Margin and Padding
4
-
5
- @each $breakpoint in map-keys($grid-breakpoints) {
6
- @include media-breakpoint-up($breakpoint) {
7
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
8
-
9
- @each $prop, $abbrev in (margin: m, padding: p) {
10
- @each $size, $length in $spacers {
11
- .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
12
- .#{$abbrev}t#{$infix}-#{$size},
13
- .#{$abbrev}y#{$infix}-#{$size} {
14
- #{$prop}-top: $length !important;
15
- }
16
- .#{$abbrev}r#{$infix}-#{$size},
17
- .#{$abbrev}x#{$infix}-#{$size} {
18
- #{$prop}-right: $length !important;
19
- }
20
- .#{$abbrev}b#{$infix}-#{$size},
21
- .#{$abbrev}y#{$infix}-#{$size} {
22
- #{$prop}-bottom: $length !important;
23
- }
24
- .#{$abbrev}l#{$infix}-#{$size},
25
- .#{$abbrev}x#{$infix}-#{$size} {
26
- #{$prop}-left: $length !important;
27
- }
28
- }
29
- }
30
-
31
- // Negative margins (e.g., where `.mb-n1` is negative version of `.mb-1`)
32
- @each $size, $length in $spacers {
33
- @if $size != 0 {
34
- .m#{$infix}-n#{$size} { margin: -$length !important; }
35
- .mt#{$infix}-n#{$size},
36
- .my#{$infix}-n#{$size} {
37
- margin-top: -$length !important;
38
- }
39
- .mr#{$infix}-n#{$size},
40
- .mx#{$infix}-n#{$size} {
41
- margin-right: -$length !important;
42
- }
43
- .mb#{$infix}-n#{$size},
44
- .my#{$infix}-n#{$size} {
45
- margin-bottom: -$length !important;
46
- }
47
- .ml#{$infix}-n#{$size},
48
- .mx#{$infix}-n#{$size} {
49
- margin-left: -$length !important;
50
- }
51
- }
52
- }
53
-
54
- // Some special margin utils
55
- .m#{$infix}-auto { margin: auto !important; }
56
- .mt#{$infix}-auto,
57
- .my#{$infix}-auto {
58
- margin-top: auto !important;
59
- }
60
- .mr#{$infix}-auto,
61
- .mx#{$infix}-auto {
62
- margin-right: auto !important;
63
- }
64
- .mb#{$infix}-auto,
65
- .my#{$infix}-auto {
66
- margin-bottom: auto !important;
67
- }
68
- .ml#{$infix}-auto,
69
- .mx#{$infix}-auto {
70
- margin-left: auto !important;
71
- }
72
- }
73
- }
@@ -1,19 +0,0 @@
1
- //
2
- // Stretched link
3
- //
4
-
5
- .stretched-link {
6
- &::after {
7
- position: absolute;
8
- top: 0;
9
- right: 0;
10
- bottom: 0;
11
- left: 0;
12
- z-index: 1;
13
- // Just in case `pointer-events: none` is set on a parent
14
- pointer-events: auto;
15
- content: "";
16
- // IE10 bugfix, see https://stackoverflow.com/questions/16947967/ie10-hover-pseudo-class-doesnt-work-without-background-color
17
- background-color: rgba(0, 0, 0, 0);
18
- }
19
- }
@@ -1,72 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- //
4
- // Text
5
- //
6
-
7
- .text-monospace { font-family: $font-family-monospace !important; }
8
-
9
- // Alignment
10
-
11
- .text-justify { text-align: justify !important; }
12
- .text-wrap { white-space: normal !important; }
13
- .text-nowrap { white-space: nowrap !important; }
14
- .text-truncate { @include text-truncate(); }
15
-
16
- // Responsive alignment
17
-
18
- @each $breakpoint in map-keys($grid-breakpoints) {
19
- @include media-breakpoint-up($breakpoint) {
20
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
21
-
22
- .text#{$infix}-left { text-align: left !important; }
23
- .text#{$infix}-right { text-align: right !important; }
24
- .text#{$infix}-center { text-align: center !important; }
25
- }
26
- }
27
-
28
- // Transformation
29
-
30
- .text-lowercase { text-transform: lowercase !important; }
31
- .text-uppercase { text-transform: uppercase !important; }
32
- .text-capitalize { text-transform: capitalize !important; }
33
-
34
- // Weight and italics
35
-
36
- .font-weight-light { font-weight: $font-weight-light !important; }
37
- .font-weight-lighter { font-weight: $font-weight-lighter !important; }
38
- .font-weight-normal { font-weight: $font-weight-normal !important; }
39
- .font-weight-bold { font-weight: $font-weight-bold !important; }
40
- .font-weight-bolder { font-weight: $font-weight-bolder !important; }
41
- .font-italic { font-style: italic !important; }
42
-
43
- // Contextual colors
44
-
45
- .text-white { color: $white !important; }
46
-
47
- @each $color, $value in $theme-colors {
48
- @include text-emphasis-variant(".text-#{$color}", $value, true);
49
- }
50
-
51
- .text-body { color: $body-color !important; }
52
- .text-muted { color: $text-muted !important; }
53
-
54
- .text-black-50 { color: rgba($black, .5) !important; }
55
- .text-white-50 { color: rgba($white, .5) !important; }
56
-
57
- // Misc
58
-
59
- .text-hide {
60
- @include text-hide($ignore-warning: true);
61
- }
62
-
63
- .text-decoration-none { text-decoration: none !important; }
64
-
65
- .text-break {
66
- word-break: break-word !important; // IE & < Edge 18
67
- overflow-wrap: break-word !important;
68
- }
69
-
70
- // Reset
71
-
72
- .text-reset { color: inherit !important; }
@@ -1,13 +0,0 @@
1
- // stylelint-disable declaration-no-important
2
-
3
- //
4
- // Visibility utilities
5
- //
6
-
7
- .visible {
8
- visibility: visible !important;
9
- }
10
-
11
- .invisible {
12
- visibility: hidden !important;
13
- }