@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.
- package/README.md +73 -0
- package/index.d.ts +4 -0
- package/index.ts +12 -0
- package/package.json +61 -39
- package/public/css/fonts/saooti-ui.eot +0 -0
- package/public/css/fonts/saooti-ui.svg +30 -19
- package/public/css/fonts/saooti-ui.ttf +0 -0
- package/public/css/fonts/saooti-ui.woff +0 -0
- package/public/css/fonts/style.css +48 -5
- package/public/img/ACPM.png +0 -0
- package/public/img/article.png +0 -0
- package/src/App.vue +97 -31
- package/src/api/comments.ts +3 -1
- package/src/api/emissions.ts +5 -2
- package/src/api/initialize.ts +3 -2
- package/src/api/podcasts.ts +5 -2
- package/src/api/profile.ts +4 -2
- package/src/api/studio.ts +12 -1
- package/src/assets/bootstrap-diff.scss +265 -0
- package/src/assets/form.scss +23 -0
- package/src/assets/general.scss +47 -20
- package/src/assets/modal.scss +9 -10
- package/src/assets/multiselect.scss +19 -2
- package/src/assets/octopus-library.scss +16 -4
- package/src/assets/share.scss +343 -0
- package/src/components/display/aggregator/RssSection.vue +4 -4
- package/src/components/display/categories/CategoryChooser.vue +152 -105
- package/src/components/display/categories/CategoryFilter.vue +108 -0
- package/src/components/display/categories/CategoryList.vue +138 -109
- package/src/components/display/comments/AddCommentModal.vue +104 -87
- package/src/components/display/comments/CommentInput.vue +137 -118
- package/src/components/display/comments/CommentItem.vue +155 -137
- package/src/components/display/comments/CommentList.vue +142 -120
- package/src/components/display/comments/CommentParentInfo.vue +39 -35
- package/src/components/display/comments/CommentPlayer.vue +54 -48
- package/src/components/display/comments/CommentSection.vue +57 -58
- package/src/components/display/edit/EditBox.vue +4 -4
- package/src/components/display/edit/EditCommentBox.vue +25 -31
- package/src/components/display/emission/EmissionChooser.vue +82 -80
- package/src/components/display/emission/EmissionInlineList.vue +118 -105
- package/src/components/display/emission/EmissionItem.vue +66 -167
- package/src/components/display/emission/EmissionList.vue +96 -122
- package/src/components/display/emission/EmissionPlayerItem.vue +131 -126
- package/src/components/display/filter/AdvancedSearch.vue +306 -372
- package/src/components/display/filter/CategoryFilter.vue +117 -0
- package/src/components/display/filter/MonetizableFilter.vue +24 -10
- package/src/components/display/filter/ProductorSearch.vue +131 -135
- package/src/components/display/filter/RubriqueChoice.vue +104 -0
- package/src/components/display/filter/RubriqueFilter.vue +235 -0
- package/src/components/display/live/CountDown.vue +30 -29
- package/src/components/display/live/LiveHorizontalList.vue +40 -34
- package/src/components/display/live/LiveItem.vue +146 -158
- package/src/components/display/live/LiveList.vue +167 -154
- package/src/components/display/organisation/OrganisationChooser.vue +125 -124
- package/src/components/display/organisation/OrganisationChooserLight.vue +40 -47
- package/src/components/display/participant/ParticipantItem.vue +92 -108
- package/src/components/display/participant/ParticipantList.vue +76 -69
- package/src/components/display/playlist/PlaylistItem.vue +45 -56
- package/src/components/display/playlist/PlaylistList.vue +57 -48
- package/src/components/display/playlist/PodcastList.vue +94 -70
- package/src/components/display/podcasts/AnimatorsItem.vue +26 -23
- package/src/components/display/podcasts/ParticipantDescription.vue +115 -0
- package/src/components/display/podcasts/PodcastFilterList.vue +84 -85
- package/src/components/display/podcasts/PodcastImage.vue +244 -208
- package/src/components/display/podcasts/PodcastInlineList.vue +145 -207
- package/src/components/display/podcasts/PodcastItem.vue +150 -132
- package/src/components/display/podcasts/PodcastList.vue +89 -110
- package/src/components/display/podcasts/TagList.vue +23 -16
- package/src/components/display/rubriques/RubriqueChooser.vue +137 -123
- package/src/components/display/rubriques/RubriqueList.vue +227 -0
- package/src/components/display/sharing/PlayerParameters.vue +154 -106
- package/src/components/display/sharing/QrCode.vue +58 -0
- package/src/components/display/sharing/ShareButtons.vue +214 -92
- package/src/components/display/sharing/ShareDistribution.vue +110 -121
- package/src/components/display/sharing/SharePlayer.vue +245 -190
- package/src/components/display/sharing/SubscribeButtons.vue +130 -66
- package/src/components/display/studio/RecordingItemButton.vue +4 -4
- package/src/components/misc/ErrorMessage.vue +21 -16
- package/src/components/misc/Footer.vue +131 -66
- package/src/components/misc/HomeDropdown.vue +166 -123
- package/src/components/misc/LeftMenu.vue +151 -134
- package/src/components/misc/Player.vue +332 -328
- package/src/components/misc/Snackbar.vue +27 -29
- package/src/components/misc/TopBar.vue +204 -174
- package/src/components/misc/modal/ClipboardModal.vue +46 -26
- package/src/components/misc/modal/MessageModal.vue +67 -51
- package/src/components/misc/modal/NewsletterModal.vue +179 -136
- package/src/components/misc/modal/QrCodeModal.vue +83 -0
- package/src/components/misc/modal/ShareModalPlayer.vue +133 -74
- package/src/components/mixins/functions.ts +21 -18
- package/src/components/mixins/init.ts +24 -0
- package/src/components/mixins/organisationFilter.ts +24 -0
- package/src/components/pages/Category.vue +26 -26
- package/src/components/pages/Emission.vue +120 -92
- package/src/components/pages/Emissions.vue +109 -86
- package/src/components/pages/Home.vue +70 -16
- package/src/components/pages/Lives.vue +57 -47
- package/src/components/pages/Participant.vue +93 -77
- package/src/components/pages/Participants.vue +44 -31
- package/src/components/pages/Playlist.vue +63 -52
- package/src/components/pages/Playlists.vue +41 -39
- package/src/components/pages/Podcast.vue +265 -251
- package/src/components/pages/Podcasts.vue +135 -104
- package/src/components/pages/Rubrique.vue +25 -19
- package/src/components/pages/Search.vue +71 -67
- package/src/helper/dom.ts +2 -2
- package/src/helper/duration.ts +18 -8
- package/src/locale/educationen.ts +14 -0
- package/src/locale/en.ts +299 -1
- package/src/locale/fr.ts +25 -10
- package/src/locale/messages.ts +3 -2
- package/src/main.ts +54 -32
- package/src/router/router.ts +184 -159
- package/src/shims-tsx.d.ts +13 -0
- package/src/shims-vue-recaptcha-v3.d.ts +9 -0
- package/src/shims-vue.d.ts +5 -6
- package/src/store/AppStore.ts +36 -171
- package/src/store/class/category.ts +8 -0
- package/src/store/class/comment.ts +17 -0
- package/src/store/class/conference.ts +27 -0
- package/src/store/class/customPlayer.ts +8 -0
- package/src/store/class/emission.ts +20 -0
- package/src/store/class/fetchParam.ts +16 -0
- package/src/store/class/media.ts +13 -0
- package/src/store/class/organisation.ts +19 -0
- package/src/store/class/participant.ts +12 -0
- package/src/store/class/person.ts +13 -0
- package/src/store/class/player.ts +12 -0
- package/src/store/class/playlist.ts +15 -0
- package/src/store/class/podcast.ts +37 -0
- package/src/store/class/rubriquage.ts +9 -0
- package/src/store/class/rubriquageFilter.ts +5 -0
- package/src/store/class/rubrique.ts +8 -0
- package/src/store/paramStore.ts +70 -29
- package/src/store/typeAppStore.ts +171 -237
- package/src/vuex-shim.d.ts +8 -0
- package/tsconfig.json +4 -0
- package/vue.config.js +14 -0
- package/public/img/ACPM.PNG +0 -0
- package/src/assets/bootstrap_scss/_alert.scss +0 -51
- package/src/assets/bootstrap_scss/_badge.scss +0 -54
- package/src/assets/bootstrap_scss/_breadcrumb.scss +0 -42
- package/src/assets/bootstrap_scss/_button-group.scss +0 -164
- package/src/assets/bootstrap_scss/_buttons.scss +0 -291
- package/src/assets/bootstrap_scss/_card.scss +0 -278
- package/src/assets/bootstrap_scss/_carousel.scss +0 -197
- package/src/assets/bootstrap_scss/_close.scss +0 -41
- package/src/assets/bootstrap_scss/_code.scss +0 -48
- package/src/assets/bootstrap_scss/_custom-forms.scss +0 -522
- package/src/assets/bootstrap_scss/_dropdown.scss +0 -201
- package/src/assets/bootstrap_scss/_forms.scss +0 -352
- package/src/assets/bootstrap_scss/_functions.scss +0 -134
- package/src/assets/bootstrap_scss/_grid.scss +0 -69
- package/src/assets/bootstrap_scss/_images.scss +0 -42
- package/src/assets/bootstrap_scss/_input-group.scss +0 -191
- package/src/assets/bootstrap_scss/_jumbotron.scss +0 -17
- package/src/assets/bootstrap_scss/_list-group.scss +0 -158
- package/src/assets/bootstrap_scss/_media.scss +0 -8
- package/src/assets/bootstrap_scss/_mixins.scss +0 -47
- package/src/assets/bootstrap_scss/_modal.scss +0 -243
- package/src/assets/bootstrap_scss/_nav.scss +0 -120
- package/src/assets/bootstrap_scss/_navbar.scss +0 -324
- package/src/assets/bootstrap_scss/_pagination.scss +0 -74
- package/src/assets/bootstrap_scss/_popover.scss +0 -170
- package/src/assets/bootstrap_scss/_print.scss +0 -141
- package/src/assets/bootstrap_scss/_progress.scss +0 -46
- package/src/assets/bootstrap_scss/_reboot.scss +0 -482
- package/src/assets/bootstrap_scss/_root.scss +0 -20
- package/src/assets/bootstrap_scss/_spinners.scss +0 -55
- package/src/assets/bootstrap_scss/_tables.scss +0 -185
- package/src/assets/bootstrap_scss/_toasts.scss +0 -44
- package/src/assets/bootstrap_scss/_tooltip.scss +0 -115
- package/src/assets/bootstrap_scss/_transitions.scss +0 -20
- package/src/assets/bootstrap_scss/_type.scss +0 -125
- package/src/assets/bootstrap_scss/_utilities.scss +0 -17
- package/src/assets/bootstrap_scss/_variables.scss +0 -1145
- package/src/assets/bootstrap_scss/bootstrap-grid.scss +0 -29
- package/src/assets/bootstrap_scss/bootstrap-reboot.scss +0 -12
- package/src/assets/bootstrap_scss/bootstrap.scss +0 -44
- package/src/assets/bootstrap_scss/mixins/_alert.scss +0 -13
- package/src/assets/bootstrap_scss/mixins/_background-variant.scss +0 -22
- package/src/assets/bootstrap_scss/mixins/_badge.scss +0 -17
- package/src/assets/bootstrap_scss/mixins/_border-radius.scss +0 -63
- package/src/assets/bootstrap_scss/mixins/_box-shadow.scss +0 -20
- package/src/assets/bootstrap_scss/mixins/_breakpoints.scss +0 -123
- package/src/assets/bootstrap_scss/mixins/_buttons.scss +0 -110
- package/src/assets/bootstrap_scss/mixins/_caret.scss +0 -62
- package/src/assets/bootstrap_scss/mixins/_clearfix.scss +0 -7
- package/src/assets/bootstrap_scss/mixins/_deprecate.scss +0 -10
- package/src/assets/bootstrap_scss/mixins/_float.scss +0 -14
- package/src/assets/bootstrap_scss/mixins/_forms.scss +0 -177
- package/src/assets/bootstrap_scss/mixins/_gradients.scss +0 -45
- package/src/assets/bootstrap_scss/mixins/_grid-framework.scss +0 -71
- package/src/assets/bootstrap_scss/mixins/_grid.scss +0 -69
- package/src/assets/bootstrap_scss/mixins/_hover.scss +0 -37
- package/src/assets/bootstrap_scss/mixins/_image.scss +0 -36
- package/src/assets/bootstrap_scss/mixins/_list-group.scss +0 -21
- package/src/assets/bootstrap_scss/mixins/_lists.scss +0 -7
- package/src/assets/bootstrap_scss/mixins/_nav-divider.scss +0 -11
- package/src/assets/bootstrap_scss/mixins/_pagination.scss +0 -22
- package/src/assets/bootstrap_scss/mixins/_reset-text.scss +0 -17
- package/src/assets/bootstrap_scss/mixins/_resize.scss +0 -6
- package/src/assets/bootstrap_scss/mixins/_screen-reader.scss +0 -34
- package/src/assets/bootstrap_scss/mixins/_size.scss +0 -7
- package/src/assets/bootstrap_scss/mixins/_table-row.scss +0 -39
- package/src/assets/bootstrap_scss/mixins/_text-emphasis.scss +0 -17
- package/src/assets/bootstrap_scss/mixins/_text-hide.scss +0 -11
- package/src/assets/bootstrap_scss/mixins/_text-truncate.scss +0 -8
- package/src/assets/bootstrap_scss/mixins/_transition.scss +0 -16
- package/src/assets/bootstrap_scss/mixins/_visibility.scss +0 -8
- package/src/assets/bootstrap_scss/utilities/_align.scss +0 -8
- package/src/assets/bootstrap_scss/utilities/_background.scss +0 -19
- package/src/assets/bootstrap_scss/utilities/_borders.scss +0 -75
- package/src/assets/bootstrap_scss/utilities/_clearfix.scss +0 -3
- package/src/assets/bootstrap_scss/utilities/_display.scss +0 -26
- package/src/assets/bootstrap_scss/utilities/_embed.scss +0 -39
- package/src/assets/bootstrap_scss/utilities/_flex.scss +0 -51
- package/src/assets/bootstrap_scss/utilities/_float.scss +0 -11
- package/src/assets/bootstrap_scss/utilities/_overflow.scss +0 -5
- package/src/assets/bootstrap_scss/utilities/_position.scss +0 -32
- package/src/assets/bootstrap_scss/utilities/_screenreaders.scss +0 -11
- package/src/assets/bootstrap_scss/utilities/_shadows.scss +0 -6
- package/src/assets/bootstrap_scss/utilities/_sizing.scss +0 -20
- package/src/assets/bootstrap_scss/utilities/_spacing.scss +0 -73
- package/src/assets/bootstrap_scss/utilities/_stretched-link.scss +0 -19
- package/src/assets/bootstrap_scss/utilities/_text.scss +0 -72
- package/src/assets/bootstrap_scss/utilities/_visibility.scss +0 -13
- package/src/assets/bootstrap_scss/vendor/_rfs.scss +0 -204
- package/src/shims-vuex.d.ts +0 -7
- 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,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,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,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; }
|