jobdone-shared-files 0.0.1-beta.8 → 0.0.1-beta.80

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 (127) hide show
  1. package/.vs/VSWorkspaceState.json +6 -0
  2. package/.vs/jobdone_sharejs/FileContentIndex/a973f22d-a16a-4ca9-ab6a-75ab92ec6af7.vsidx +0 -0
  3. package/.vs/jobdone_sharejs/FileContentIndex/bacf95a3-2185-41c2-b12a-e93bb40f2204.vsidx +0 -0
  4. package/.vs/jobdone_sharejs/config/applicationhost.config +1021 -0
  5. package/.vs/jobdone_sharejs/v17/.wsuo +0 -0
  6. package/.vs/slnx.sqlite +0 -0
  7. package/ProjectManagement/projectNavbar.vue +225 -79
  8. package/README.md +79 -6
  9. package/common/directives/collapse.js +12 -12
  10. package/common/directives/popovers.js +11 -0
  11. package/common/directives/tooltip.js +11 -0
  12. package/common/format.js +26 -12
  13. package/index.js +14 -14
  14. package/lightboxWithOverview.vue +132 -0
  15. package/package.json +19 -18
  16. package/paginate.vue +138 -138
  17. package/style/css/vue-loading-overlay/index.css +40 -40
  18. package/style/scss/Common/Animation.scss +6 -0
  19. package/style/scss/Common/SelectableTable.scss +31 -0
  20. package/style/scss/Common/filepond.scss +28 -0
  21. package/style/scss/Common/thumbnail-group.scss +14 -0
  22. package/style/scss/Layout/LayoutBase.scss +1015 -942
  23. package/style/scss/Layout/LayoutMobile.scss +203 -0
  24. package/style/scss/Layout/LayoutProject.scss +122 -126
  25. package/style/scss/Layout/LayoutSinglePage.scss +13 -13
  26. package/style/scss/Layout/LayoutTwoColumn.scss +56 -56
  27. package/style/scss/Settings/_Mixins.scss +229 -229
  28. package/style/scss/Settings/_MobileVariables.scss +12 -0
  29. package/style/scss/Settings/_basic-import.scss +5 -4
  30. package/style/scss/Settings/_bs-variables-dark.scss +70 -70
  31. package/style/scss/Settings/_bs-variables.scss +1743 -1703
  32. package/style/scss/Settings/_color-mode.scss +122 -122
  33. package/style/scss/Settings/_custom-variables.scss +14 -10
  34. package/tagEditor.vue +263 -263
  35. package/tree.vue +69 -62
  36. package/treeItem.vue +366 -366
  37. package/vueLoadingOverlay.vue +70 -76
  38. package/style/scss/Bootstrap/_accordion.scss +0 -158
  39. package/style/scss/Bootstrap/_alert.scss +0 -68
  40. package/style/scss/Bootstrap/_badge.scss +0 -38
  41. package/style/scss/Bootstrap/_breadcrumb.scss +0 -40
  42. package/style/scss/Bootstrap/_button-group.scss +0 -142
  43. package/style/scss/Bootstrap/_buttons.scss +0 -207
  44. package/style/scss/Bootstrap/_card.scss +0 -238
  45. package/style/scss/Bootstrap/_carousel.scss +0 -238
  46. package/style/scss/Bootstrap/_close.scss +0 -61
  47. package/style/scss/Bootstrap/_containers.scss +0 -41
  48. package/style/scss/Bootstrap/_dropdown.scss +0 -250
  49. package/style/scss/Bootstrap/_forms.scss +0 -9
  50. package/style/scss/Bootstrap/_functions.scss +0 -302
  51. package/style/scss/Bootstrap/_grid.scss +0 -33
  52. package/style/scss/Bootstrap/_helpers.scss +0 -10
  53. package/style/scss/Bootstrap/_images.scss +0 -42
  54. package/style/scss/Bootstrap/_list-group.scss +0 -204
  55. package/style/scss/Bootstrap/_maps.scss +0 -121
  56. package/style/scss/Bootstrap/_mixins.scss +0 -42
  57. package/style/scss/Bootstrap/_modal.scss +0 -237
  58. package/style/scss/Bootstrap/_nav.scss +0 -172
  59. package/style/scss/Bootstrap/_navbar.scss +0 -286
  60. package/style/scss/Bootstrap/_offcanvas.scss +0 -146
  61. package/style/scss/Bootstrap/_pagination.scss +0 -109
  62. package/style/scss/Bootstrap/_placeholders.scss +0 -51
  63. package/style/scss/Bootstrap/_popover.scss +0 -196
  64. package/style/scss/Bootstrap/_progress.scss +0 -68
  65. package/style/scss/Bootstrap/_reboot.scss +0 -610
  66. package/style/scss/Bootstrap/_root.scss +0 -195
  67. package/style/scss/Bootstrap/_spinners.scss +0 -85
  68. package/style/scss/Bootstrap/_tables.scss +0 -164
  69. package/style/scss/Bootstrap/_toasts.scss +0 -73
  70. package/style/scss/Bootstrap/_tooltip.scss +0 -120
  71. package/style/scss/Bootstrap/_transitions.scss +0 -27
  72. package/style/scss/Bootstrap/_type.scss +0 -106
  73. package/style/scss/Bootstrap/_utilities.scss +0 -748
  74. package/style/scss/Bootstrap/_variables-dark.scss +0 -70
  75. package/style/scss/Bootstrap/_variables.scss +0 -1703
  76. package/style/scss/Bootstrap/bootstrap-grid.scss +0 -66
  77. package/style/scss/Bootstrap/bootstrap-reboot.scss +0 -10
  78. package/style/scss/Bootstrap/bootstrap-utilities.scss +0 -19
  79. package/style/scss/Bootstrap/bootstrap.scss +0 -52
  80. package/style/scss/Bootstrap/forms/_floating-labels.scss +0 -90
  81. package/style/scss/Bootstrap/forms/_form-check.scss +0 -188
  82. package/style/scss/Bootstrap/forms/_form-control.scss +0 -201
  83. package/style/scss/Bootstrap/forms/_form-range.scss +0 -91
  84. package/style/scss/Bootstrap/forms/_form-select.scss +0 -81
  85. package/style/scss/Bootstrap/forms/_form-text.scss +0 -11
  86. package/style/scss/Bootstrap/forms/_input-group.scss +0 -132
  87. package/style/scss/Bootstrap/forms/_labels.scss +0 -36
  88. package/style/scss/Bootstrap/forms/_validation.scss +0 -12
  89. package/style/scss/Bootstrap/helpers/_clearfix.scss +0 -3
  90. package/style/scss/Bootstrap/helpers/_color-bg.scss +0 -10
  91. package/style/scss/Bootstrap/helpers/_colored-links.scss +0 -12
  92. package/style/scss/Bootstrap/helpers/_position.scss +0 -36
  93. package/style/scss/Bootstrap/helpers/_ratio.scss +0 -26
  94. package/style/scss/Bootstrap/helpers/_stacks.scss +0 -15
  95. package/style/scss/Bootstrap/helpers/_stretched-link.scss +0 -15
  96. package/style/scss/Bootstrap/helpers/_text-truncation.scss +0 -7
  97. package/style/scss/Bootstrap/helpers/_visually-hidden.scss +0 -8
  98. package/style/scss/Bootstrap/helpers/_vr.scss +0 -8
  99. package/style/scss/Bootstrap/mixins/_alert.scss +0 -18
  100. package/style/scss/Bootstrap/mixins/_backdrop.scss +0 -14
  101. package/style/scss/Bootstrap/mixins/_banner.scss +0 -7
  102. package/style/scss/Bootstrap/mixins/_border-radius.scss +0 -78
  103. package/style/scss/Bootstrap/mixins/_box-shadow.scss +0 -18
  104. package/style/scss/Bootstrap/mixins/_breakpoints.scss +0 -127
  105. package/style/scss/Bootstrap/mixins/_buttons.scss +0 -70
  106. package/style/scss/Bootstrap/mixins/_caret.scss +0 -69
  107. package/style/scss/Bootstrap/mixins/_clearfix.scss +0 -9
  108. package/style/scss/Bootstrap/mixins/_color-mode.scss +0 -21
  109. package/style/scss/Bootstrap/mixins/_color-scheme.scss +0 -7
  110. package/style/scss/Bootstrap/mixins/_container.scss +0 -11
  111. package/style/scss/Bootstrap/mixins/_deprecate.scss +0 -10
  112. package/style/scss/Bootstrap/mixins/_forms.scss +0 -153
  113. package/style/scss/Bootstrap/mixins/_gradients.scss +0 -47
  114. package/style/scss/Bootstrap/mixins/_grid.scss +0 -151
  115. package/style/scss/Bootstrap/mixins/_image.scss +0 -16
  116. package/style/scss/Bootstrap/mixins/_list-group.scss +0 -27
  117. package/style/scss/Bootstrap/mixins/_lists.scss +0 -7
  118. package/style/scss/Bootstrap/mixins/_pagination.scss +0 -10
  119. package/style/scss/Bootstrap/mixins/_reset-text.scss +0 -17
  120. package/style/scss/Bootstrap/mixins/_resize.scss +0 -6
  121. package/style/scss/Bootstrap/mixins/_table-variants.scss +0 -24
  122. package/style/scss/Bootstrap/mixins/_text-truncate.scss +0 -8
  123. package/style/scss/Bootstrap/mixins/_transition.scss +0 -26
  124. package/style/scss/Bootstrap/mixins/_utilities.scss +0 -97
  125. package/style/scss/Bootstrap/mixins/_visually-hidden.scss +0 -29
  126. package/style/scss/Bootstrap/utilities/_api.scss +0 -47
  127. package/style/scss/Bootstrap/vendor/_rfs.scss +0 -354
@@ -1,195 +0,0 @@
1
- :root,
2
- [data-bs-theme="light"] {
3
- // Note: Custom variable values only support SassScript inside `#{}`.
4
-
5
- // Colors
6
- //
7
- // Generate palettes for full colors, grays, and theme colors.
8
-
9
- @each $color, $value in $colors {
10
- --#{$prefix}#{$color}: #{$value};
11
- }
12
-
13
- @each $color, $value in $grays {
14
- --#{$prefix}gray-#{$color}: #{$value};
15
- }
16
-
17
- @each $color, $value in $theme-colors {
18
- --#{$prefix}#{$color}: #{$value};
19
- }
20
-
21
- @each $color, $value in $theme-colors-rgb {
22
- --#{$prefix}#{$color}-rgb: #{$value};
23
- }
24
-
25
- @each $color, $value in $theme-colors-text {
26
- --#{$prefix}#{$color}-text: #{$value};
27
- }
28
-
29
- @each $color, $value in $theme-colors-bg-subtle {
30
- --#{$prefix}#{$color}-bg-subtle: #{$value};
31
- }
32
-
33
- @each $color, $value in $theme-colors-border-subtle {
34
- --#{$prefix}#{$color}-border-subtle: #{$value};
35
- }
36
-
37
- --#{$prefix}white-rgb: #{to-rgb($white)};
38
- --#{$prefix}black-rgb: #{to-rgb($black)};
39
- --#{$prefix}body-color-rgb: #{to-rgb($body-color)};
40
- --#{$prefix}body-bg-rgb: #{to-rgb($body-bg)};
41
-
42
- // Fonts
43
-
44
- // Note: Use `inspect` for lists so that quoted items keep the quotes.
45
- // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
46
- --#{$prefix}font-sans-serif: #{inspect($font-family-sans-serif)};
47
- --#{$prefix}font-monospace: #{inspect($font-family-monospace)};
48
- --#{$prefix}gradient: #{$gradient};
49
-
50
- // Root and body
51
- // scss-docs-start root-body-variables
52
- @if $font-size-root != null {
53
- --#{$prefix}root-font-size: #{$font-size-root};
54
- }
55
- --#{$prefix}body-font-family: #{inspect($font-family-base)};
56
- @include rfs($font-size-base, --#{$prefix}body-font-size);
57
- --#{$prefix}body-font-weight: #{$font-weight-base};
58
- --#{$prefix}body-line-height: #{$line-height-base};
59
- --#{$prefix}body-color: #{$body-color};
60
-
61
- --#{$prefix}emphasis-color: #{$body-emphasis-color};
62
- --#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color)};
63
-
64
- --#{$prefix}secondary-color: #{$body-secondary-color};
65
- --#{$prefix}secondary-color-rgb: #{to-rgb($body-secondary-color)};
66
- --#{$prefix}secondary-bg: #{$body-secondary-bg};
67
- --#{$prefix}secondary-bg-rgb: #{to-rgb($body-secondary-bg)};
68
-
69
- --#{$prefix}tertiary-color: #{$body-tertiary-color};
70
- --#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color)};
71
- --#{$prefix}tertiary-bg: #{$body-tertiary-bg};
72
- --#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg)};
73
-
74
- @if $body-text-align != null {
75
- --#{$prefix}body-text-align: #{$body-text-align};
76
- }
77
- --#{$prefix}body-bg: #{$body-bg};
78
- --#{$prefix}body-bg-rgb: #{to-rgb($body-bg)};
79
- // scss-docs-end root-body-variables
80
-
81
- @if $headings-color != null {
82
- --#{$prefix}heading-color: #{$headings-color};
83
- }
84
-
85
- --#{$prefix}link-color: #{$link-color};
86
- --#{$prefix}link-color-rgb: #{to-rgb($link-color)};
87
- --#{$prefix}link-decoration: #{$link-decoration};
88
-
89
- --#{$prefix}link-hover-color: #{$link-hover-color};
90
- --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color)};
91
-
92
- @if $link-hover-decoration != null {
93
- --#{$prefix}link-hover-decoration: #{$link-hover-decoration};
94
- }
95
-
96
- --#{$prefix}code-color: #{$code-color};
97
- --#{$prefix}highlight-bg: #{$mark-bg};
98
-
99
- // scss-docs-start root-border-var
100
- --#{$prefix}border-width: #{$border-width};
101
- --#{$prefix}border-style: #{$border-style};
102
- --#{$prefix}border-color: #{$border-color};
103
- --#{$prefix}border-color-translucent: #{$border-color-translucent};
104
-
105
- --#{$prefix}border-radius: #{$border-radius};
106
- --#{$prefix}border-radius-sm: #{$border-radius-sm};
107
- --#{$prefix}border-radius-lg: #{$border-radius-lg};
108
- --#{$prefix}border-radius-xl: #{$border-radius-xl};
109
- --#{$prefix}border-radius-2xl: #{$border-radius-2xl};
110
- --#{$prefix}border-radius-pill: #{$border-radius-pill};
111
- // scss-docs-end root-border-var
112
-
113
- --#{$prefix}box-shadow: #{$box-shadow};
114
- --#{$prefix}box-shadow-sm: #{$box-shadow-sm};
115
- --#{$prefix}box-shadow-lg: #{$box-shadow-lg};
116
- --#{$prefix}box-shadow-inset: #{$box-shadow-inset};
117
-
118
- --#{$prefix}emphasis-color: #{$emphasis-color};
119
-
120
- // scss-docs-start form-control-vars
121
- --#{$prefix}form-control-bg: var(--#{$prefix}body-bg);
122
- --#{$prefix}form-control-disabled-bg: var(--#{$prefix}secondary-bg);
123
- // scss-docs-end form-control-vars
124
-
125
- --#{$prefix}highlight-bg: #{$mark-bg};
126
-
127
- @each $name, $value in $grid-breakpoints {
128
- --#{$prefix}breakpoint-#{$name}: #{$value};
129
- }
130
- }
131
-
132
- @if $enable-dark-mode {
133
- @include color-mode(dark, true) {
134
- // scss-docs-start root-dark-mode-vars
135
- --#{$prefix}body-color: #{$body-color-dark};
136
- --#{$prefix}body-color-rgb: #{to-rgb($body-color-dark)};
137
- --#{$prefix}body-bg: #{$body-bg-dark};
138
- --#{$prefix}body-bg-rgb: #{to-rgb($body-bg-dark)};
139
-
140
- --#{$prefix}emphasis-color: #{$body-emphasis-color-dark};
141
- --#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color-dark)};
142
-
143
- --#{$prefix}secondary-color: #{$body-secondary-color-dark};
144
- --#{$prefix}secondary-color-rgb: #{to-rgb($body-secondary-color-dark)};
145
- --#{$prefix}secondary-bg: #{$body-secondary-bg-dark};
146
- --#{$prefix}secondary-bg-rgb: #{to-rgb($body-secondary-bg-dark)};
147
-
148
- --#{$prefix}tertiary-color: #{$body-tertiary-color-dark};
149
- --#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color-dark)};
150
- --#{$prefix}tertiary-bg: #{$body-tertiary-bg-dark};
151
- --#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg-dark)};
152
-
153
- --#{$prefix}emphasis-color: #{$emphasis-color-dark};
154
-
155
- --#{$prefix}primary-text: #{$primary-text-dark};
156
- --#{$prefix}secondary-text: #{$secondary-text-dark};
157
- --#{$prefix}success-text: #{$success-text-dark};
158
- --#{$prefix}info-text: #{$info-text-dark};
159
- --#{$prefix}warning-text: #{$warning-text-dark};
160
- --#{$prefix}danger-text: #{$danger-text-dark};
161
- --#{$prefix}light-text: #{$light-text-dark};
162
- --#{$prefix}dark-text: #{$dark-text-dark};
163
-
164
- --#{$prefix}primary-bg-subtle: #{$primary-bg-subtle-dark};
165
- --#{$prefix}secondary-bg-subtle: #{$secondary-bg-subtle-dark};
166
- --#{$prefix}success-bg-subtle: #{$success-bg-subtle-dark};
167
- --#{$prefix}info-bg-subtle: #{$info-bg-subtle-dark};
168
- --#{$prefix}warning-bg-subtle: #{$warning-bg-subtle-dark};
169
- --#{$prefix}danger-bg-subtle: #{$danger-bg-subtle-dark};
170
- --#{$prefix}light-bg-subtle: #{$light-bg-subtle-dark};
171
- --#{$prefix}dark-bg-subtle: #{$dark-bg-subtle-dark};
172
-
173
- --#{$prefix}primary-border-subtle: #{$primary-border-subtle-dark};
174
- --#{$prefix}secondary-border-subtle: #{$secondary-border-subtle-dark};
175
- --#{$prefix}success-border-subtle: #{$success-border-subtle-dark};
176
- --#{$prefix}info-border-subtle: #{$info-border-subtle-dark};
177
- --#{$prefix}warning-border-subtle: #{$warning-border-subtle-dark};
178
- --#{$prefix}danger-border-subtle: #{$danger-border-subtle-dark};
179
- --#{$prefix}light-border-subtle: #{$light-border-subtle-dark};
180
- --#{$prefix}dark-border-subtle: #{$dark-border-subtle-dark};
181
-
182
- --#{$prefix}heading-color: #{$headings-color-dark};
183
-
184
- --#{$prefix}link-color: #{$link-color-dark};
185
- --#{$prefix}link-hover-color: #{$link-hover-color-dark};
186
- --#{$prefix}link-color-rgb: #{to-rgb($link-color-dark)};
187
- --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color-dark)};
188
-
189
- --#{$prefix}code-color: #{$code-color-dark};
190
-
191
- --#{$prefix}border-color: #{$border-color-dark};
192
- --#{$prefix}border-color-translucent: #{$border-color-translucent-dark};
193
- // scss-docs-end root-dark-mode-vars
194
- }
195
- }
@@ -1,85 +0,0 @@
1
- //
2
- // Rotating border
3
- //
4
-
5
- .spinner-grow,
6
- .spinner-border {
7
- display: inline-block;
8
- width: var(--#{$prefix}spinner-width);
9
- height: var(--#{$prefix}spinner-height);
10
- vertical-align: var(--#{$prefix}spinner-vertical-align);
11
- // stylelint-disable-next-line property-disallowed-list
12
- border-radius: 50%;
13
- animation: var(--#{$prefix}spinner-animation-speed) linear infinite var(--#{$prefix}spinner-animation-name);
14
- }
15
-
16
- // scss-docs-start spinner-border-keyframes
17
- @keyframes spinner-border {
18
- to { transform: rotate(360deg) #{"/* rtl:ignore */"}; }
19
- }
20
- // scss-docs-end spinner-border-keyframes
21
-
22
- .spinner-border {
23
- // scss-docs-start spinner-border-css-vars
24
- --#{$prefix}spinner-width: #{$spinner-width};
25
- --#{$prefix}spinner-height: #{$spinner-height};
26
- --#{$prefix}spinner-vertical-align: #{$spinner-vertical-align};
27
- --#{$prefix}spinner-border-width: #{$spinner-border-width};
28
- --#{$prefix}spinner-animation-speed: #{$spinner-animation-speed};
29
- --#{$prefix}spinner-animation-name: spinner-border;
30
- // scss-docs-end spinner-border-css-vars
31
-
32
- border: var(--#{$prefix}spinner-border-width) solid currentcolor;
33
- border-right-color: transparent;
34
- }
35
-
36
- .spinner-border-sm {
37
- // scss-docs-start spinner-border-sm-css-vars
38
- --#{$prefix}spinner-width: #{$spinner-width-sm};
39
- --#{$prefix}spinner-height: #{$spinner-height-sm};
40
- --#{$prefix}spinner-border-width: #{$spinner-border-width-sm};
41
- // scss-docs-end spinner-border-sm-css-vars
42
- }
43
-
44
- //
45
- // Growing circle
46
- //
47
-
48
- // scss-docs-start spinner-grow-keyframes
49
- @keyframes spinner-grow {
50
- 0% {
51
- transform: scale(0);
52
- }
53
- 50% {
54
- opacity: 1;
55
- transform: none;
56
- }
57
- }
58
- // scss-docs-end spinner-grow-keyframes
59
-
60
- .spinner-grow {
61
- // scss-docs-start spinner-grow-css-vars
62
- --#{$prefix}spinner-width: #{$spinner-width};
63
- --#{$prefix}spinner-height: #{$spinner-height};
64
- --#{$prefix}spinner-vertical-align: #{$spinner-vertical-align};
65
- --#{$prefix}spinner-animation-speed: #{$spinner-animation-speed};
66
- --#{$prefix}spinner-animation-name: spinner-grow;
67
- // scss-docs-end spinner-grow-css-vars
68
-
69
- background-color: currentcolor;
70
- opacity: 0;
71
- }
72
-
73
- .spinner-grow-sm {
74
- --#{$prefix}spinner-width: #{$spinner-width-sm};
75
- --#{$prefix}spinner-height: #{$spinner-height-sm};
76
- }
77
-
78
- @if $enable-reduced-motion {
79
- @media (prefers-reduced-motion: reduce) {
80
- .spinner-border,
81
- .spinner-grow {
82
- --#{$prefix}spinner-animation-speed: #{$spinner-animation-speed * 2};
83
- }
84
- }
85
- }
@@ -1,164 +0,0 @@
1
- //
2
- // Basic Bootstrap table
3
- //
4
-
5
- .table {
6
- --#{$prefix}table-color: #{$table-color};
7
- --#{$prefix}table-bg: #{$table-bg};
8
- --#{$prefix}table-border-color: #{$table-border-color};
9
- --#{$prefix}table-accent-bg: #{$table-accent-bg};
10
- --#{$prefix}table-striped-color: #{$table-striped-color};
11
- --#{$prefix}table-striped-bg: #{$table-striped-bg};
12
- --#{$prefix}table-active-color: #{$table-active-color};
13
- --#{$prefix}table-active-bg: #{$table-active-bg};
14
- --#{$prefix}table-hover-color: #{$table-hover-color};
15
- --#{$prefix}table-hover-bg: #{$table-hover-bg};
16
-
17
- width: 100%;
18
- margin-bottom: $spacer;
19
- color: var(--#{$prefix}table-color);
20
- vertical-align: $table-cell-vertical-align;
21
- border-color: var(--#{$prefix}table-border-color);
22
-
23
- // Target th & td
24
- // We need the child combinator to prevent styles leaking to nested tables which doesn't have a `.table` class.
25
- // We use the universal selectors here to simplify the selector (else we would need 6 different selectors).
26
- // Another advantage is that this generates less code and makes the selector less specific making it easier to override.
27
- // stylelint-disable-next-line selector-max-universal
28
- > :not(caption) > * > * {
29
- padding: $table-cell-padding-y $table-cell-padding-x;
30
- background-color: var(--#{$prefix}table-bg);
31
- border-bottom-width: $table-border-width;
32
- box-shadow: inset 0 0 0 9999px var(--#{$prefix}table-accent-bg);
33
- }
34
-
35
- > tbody {
36
- vertical-align: inherit;
37
- }
38
-
39
- > thead {
40
- vertical-align: bottom;
41
- }
42
- }
43
-
44
- .table-group-divider {
45
- border-top: calc($table-border-width * 2) solid $table-group-separator-color; // stylelint-disable-line function-disallowed-list
46
- }
47
-
48
- //
49
- // Change placement of captions with a class
50
- //
51
-
52
- .caption-top {
53
- caption-side: top;
54
- }
55
-
56
-
57
- //
58
- // Condensed table w/ half padding
59
- //
60
-
61
- .table-sm {
62
- // stylelint-disable-next-line selector-max-universal
63
- > :not(caption) > * > * {
64
- padding: $table-cell-padding-y-sm $table-cell-padding-x-sm;
65
- }
66
- }
67
-
68
-
69
- // Border versions
70
- //
71
- // Add or remove borders all around the table and between all the columns.
72
- //
73
- // When borders are added on all sides of the cells, the corners can render odd when
74
- // these borders do not have the same color or if they are semi-transparent.
75
- // Therefor we add top and border bottoms to the `tr`s and left and right borders
76
- // to the `td`s or `th`s
77
-
78
- .table-bordered {
79
- > :not(caption) > * {
80
- border-width: $table-border-width 0;
81
-
82
- // stylelint-disable-next-line selector-max-universal
83
- > * {
84
- border-width: 0 $table-border-width;
85
- }
86
- }
87
- }
88
-
89
- .table-borderless {
90
- // stylelint-disable-next-line selector-max-universal
91
- > :not(caption) > * > * {
92
- border-bottom-width: 0;
93
- }
94
-
95
- > :not(:first-child) {
96
- border-top-width: 0;
97
- }
98
- }
99
-
100
- // Zebra-striping
101
- //
102
- // Default zebra-stripe styles (alternating gray and transparent backgrounds)
103
-
104
- // For rows
105
- .table-striped {
106
- > tbody > tr:nth-of-type(#{$table-striped-order}) > * {
107
- --#{$prefix}table-accent-bg: var(--#{$prefix}table-striped-bg);
108
- color: var(--#{$prefix}table-striped-color);
109
- }
110
- }
111
-
112
- // For columns
113
- .table-striped-columns {
114
- > :not(caption) > tr > :nth-child(#{$table-striped-columns-order}) {
115
- --#{$prefix}table-accent-bg: var(--#{$prefix}table-striped-bg);
116
- color: var(--#{$prefix}table-striped-color);
117
- }
118
- }
119
-
120
- // Active table
121
- //
122
- // The `.table-active` class can be added to highlight rows or cells
123
-
124
- .table-active {
125
- --#{$prefix}table-accent-bg: var(--#{$prefix}table-active-bg);
126
- color: var(--#{$prefix}table-active-color);
127
- }
128
-
129
- // Hover effect
130
- //
131
- // Placed here since it has to come after the potential zebra striping
132
-
133
- .table-hover {
134
- > tbody > tr:hover > * {
135
- --#{$prefix}table-accent-bg: var(--#{$prefix}table-hover-bg);
136
- color: var(--#{$prefix}table-hover-color);
137
- }
138
- }
139
-
140
-
141
- // Table variants
142
- //
143
- // Table variants set the table cell backgrounds, border colors
144
- // and the colors of the striped, hovered & active tables
145
-
146
- @each $color, $value in $table-variants {
147
- @include table-variant($color, $value);
148
- }
149
-
150
- // Responsive tables
151
- //
152
- // Generate series of `.table-responsive-*` classes for configuring the screen
153
- // size of where your table will overflow.
154
-
155
- @each $breakpoint in map-keys($grid-breakpoints) {
156
- $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
157
-
158
- @include media-breakpoint-down($breakpoint) {
159
- .table-responsive#{$infix} {
160
- overflow-x: auto;
161
- -webkit-overflow-scrolling: touch;
162
- }
163
- }
164
- }
@@ -1,73 +0,0 @@
1
- .toast {
2
- // scss-docs-start toast-css-vars
3
- --#{$prefix}toast-zindex: #{$zindex-toast};
4
- --#{$prefix}toast-padding-x: #{$toast-padding-x};
5
- --#{$prefix}toast-padding-y: #{$toast-padding-y};
6
- --#{$prefix}toast-spacing: #{$toast-spacing};
7
- --#{$prefix}toast-max-width: #{$toast-max-width};
8
- @include rfs($toast-font-size, --#{$prefix}toast-font-size);
9
- --#{$prefix}toast-color: #{$toast-color};
10
- --#{$prefix}toast-bg: #{$toast-background-color};
11
- --#{$prefix}toast-border-width: #{$toast-border-width};
12
- --#{$prefix}toast-border-color: #{$toast-border-color};
13
- --#{$prefix}toast-border-radius: #{$toast-border-radius};
14
- --#{$prefix}toast-box-shadow: #{$toast-box-shadow};
15
- --#{$prefix}toast-header-color: #{$toast-header-color};
16
- --#{$prefix}toast-header-bg: #{$toast-header-background-color};
17
- --#{$prefix}toast-header-border-color: #{$toast-header-border-color};
18
- // scss-docs-end toast-css-vars
19
-
20
- width: var(--#{$prefix}toast-max-width);
21
- max-width: 100%;
22
- @include font-size(var(--#{$prefix}toast-font-size));
23
- color: var(--#{$prefix}toast-color);
24
- pointer-events: auto;
25
- background-color: var(--#{$prefix}toast-bg);
26
- background-clip: padding-box;
27
- border: var(--#{$prefix}toast-border-width) solid var(--#{$prefix}toast-border-color);
28
- box-shadow: var(--#{$prefix}toast-box-shadow);
29
- @include border-radius(var(--#{$prefix}toast-border-radius));
30
-
31
- &.showing {
32
- opacity: 0;
33
- }
34
-
35
- &:not(.show) {
36
- display: none;
37
- }
38
- }
39
-
40
- .toast-container {
41
- --#{$prefix}toast-zindex: #{$zindex-toast};
42
-
43
- position: absolute;
44
- z-index: var(--#{$prefix}toast-zindex);
45
- width: max-content;
46
- max-width: 100%;
47
- pointer-events: none;
48
-
49
- > :not(:last-child) {
50
- margin-bottom: var(--#{$prefix}toast-spacing);
51
- }
52
- }
53
-
54
- .toast-header {
55
- display: flex;
56
- align-items: center;
57
- padding: var(--#{$prefix}toast-padding-y) var(--#{$prefix}toast-padding-x);
58
- color: var(--#{$prefix}toast-header-color);
59
- background-color: var(--#{$prefix}toast-header-bg);
60
- background-clip: padding-box;
61
- border-bottom: var(--#{$prefix}toast-border-width) solid var(--#{$prefix}toast-header-border-color);
62
- @include border-top-radius(calc(var(--#{$prefix}toast-border-radius) - var(--#{$prefix}toast-border-width)));
63
-
64
- .btn-close {
65
- margin-right: calc(-.5 * var(--#{$prefix}toast-padding-x)); // stylelint-disable-line function-disallowed-list
66
- margin-left: var(--#{$prefix}toast-padding-x);
67
- }
68
- }
69
-
70
- .toast-body {
71
- padding: var(--#{$prefix}toast-padding-x);
72
- word-wrap: break-word;
73
- }
@@ -1,120 +0,0 @@
1
- // Base class
2
- .tooltip {
3
- // scss-docs-start tooltip-css-vars
4
- --#{$prefix}tooltip-zindex: #{$zindex-tooltip};
5
- --#{$prefix}tooltip-max-width: #{$tooltip-max-width};
6
- --#{$prefix}tooltip-padding-x: #{$tooltip-padding-x};
7
- --#{$prefix}tooltip-padding-y: #{$tooltip-padding-y};
8
- --#{$prefix}tooltip-margin: #{$tooltip-margin};
9
- @include rfs($tooltip-font-size, --#{$prefix}tooltip-font-size);
10
- --#{$prefix}tooltip-color: #{$tooltip-color};
11
- --#{$prefix}tooltip-bg: #{$tooltip-bg};
12
- --#{$prefix}tooltip-border-radius: #{$tooltip-border-radius};
13
- --#{$prefix}tooltip-opacity: #{$tooltip-opacity};
14
- --#{$prefix}tooltip-arrow-width: #{$tooltip-arrow-width};
15
- --#{$prefix}tooltip-arrow-height: #{$tooltip-arrow-height};
16
- // scss-docs-end tooltip-css-vars
17
-
18
- z-index: var(--#{$prefix}tooltip-zindex);
19
- display: block;
20
- padding: var(--#{$prefix}tooltip-arrow-height);
21
- margin: var(--#{$prefix}tooltip-margin);
22
- @include deprecate("`$tooltip-margin`", "v5", "v5.x", true);
23
- // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
24
- // So reset our font and text properties to avoid inheriting weird values.
25
- @include reset-text();
26
- @include font-size(var(--#{$prefix}tooltip-font-size));
27
- // Allow breaking very long words so they don't overflow the tooltip's bounds
28
- word-wrap: break-word;
29
- opacity: 0;
30
-
31
- &.show { opacity: var(--#{$prefix}tooltip-opacity); }
32
-
33
- .tooltip-arrow {
34
- display: block;
35
- width: var(--#{$prefix}tooltip-arrow-width);
36
- height: var(--#{$prefix}tooltip-arrow-height);
37
-
38
- &::before {
39
- position: absolute;
40
- content: "";
41
- border-color: transparent;
42
- border-style: solid;
43
- }
44
- }
45
- }
46
-
47
- .bs-tooltip-top .tooltip-arrow {
48
- bottom: 0;
49
-
50
- &::before {
51
- top: -1px;
52
- border-width: var(--#{$prefix}tooltip-arrow-height) calc(var(--#{$prefix}tooltip-arrow-width) * .5) 0; // stylelint-disable-line function-disallowed-list
53
- border-top-color: var(--#{$prefix}tooltip-bg);
54
- }
55
- }
56
-
57
- /* rtl:begin:ignore */
58
- .bs-tooltip-end .tooltip-arrow {
59
- left: 0;
60
- width: var(--#{$prefix}tooltip-arrow-height);
61
- height: var(--#{$prefix}tooltip-arrow-width);
62
-
63
- &::before {
64
- right: -1px;
65
- border-width: calc(var(--#{$prefix}tooltip-arrow-width) * .5) var(--#{$prefix}tooltip-arrow-height) calc(var(--#{$prefix}tooltip-arrow-width) * .5) 0; // stylelint-disable-line function-disallowed-list
66
- border-right-color: var(--#{$prefix}tooltip-bg);
67
- }
68
- }
69
-
70
- /* rtl:end:ignore */
71
-
72
- .bs-tooltip-bottom .tooltip-arrow {
73
- top: 0;
74
-
75
- &::before {
76
- bottom: -1px;
77
- border-width: 0 calc(var(--#{$prefix}tooltip-arrow-width) * .5) var(--#{$prefix}tooltip-arrow-height); // stylelint-disable-line function-disallowed-list
78
- border-bottom-color: var(--#{$prefix}tooltip-bg);
79
- }
80
- }
81
-
82
- /* rtl:begin:ignore */
83
- .bs-tooltip-start .tooltip-arrow {
84
- right: 0;
85
- width: var(--#{$prefix}tooltip-arrow-height);
86
- height: var(--#{$prefix}tooltip-arrow-width);
87
-
88
- &::before {
89
- left: -1px;
90
- border-width: calc(var(--#{$prefix}tooltip-arrow-width) * .5) 0 calc(var(--#{$prefix}tooltip-arrow-width) * .5) var(--#{$prefix}tooltip-arrow-height); // stylelint-disable-line function-disallowed-list
91
- border-left-color: var(--#{$prefix}tooltip-bg);
92
- }
93
- }
94
-
95
- /* rtl:end:ignore */
96
-
97
- .bs-tooltip-auto {
98
- &[data-popper-placement^="top"] {
99
- @extend .bs-tooltip-top;
100
- }
101
- &[data-popper-placement^="right"] {
102
- @extend .bs-tooltip-end;
103
- }
104
- &[data-popper-placement^="bottom"] {
105
- @extend .bs-tooltip-bottom;
106
- }
107
- &[data-popper-placement^="left"] {
108
- @extend .bs-tooltip-start;
109
- }
110
- }
111
-
112
- // Wrapper for the tooltip content
113
- .tooltip-inner {
114
- max-width: var(--#{$prefix}tooltip-max-width);
115
- padding: var(--#{$prefix}tooltip-padding-y) var(--#{$prefix}tooltip-padding-x);
116
- color: var(--#{$prefix}tooltip-color);
117
- text-align: center;
118
- background-color: var(--#{$prefix}tooltip-bg);
119
- @include border-radius(var(--#{$prefix}tooltip-border-radius));
120
- }
@@ -1,27 +0,0 @@
1
- .fade {
2
- @include transition($transition-fade);
3
-
4
- &:not(.show) {
5
- opacity: 0;
6
- }
7
- }
8
-
9
- // scss-docs-start collapse-classes
10
- .collapse {
11
- &:not(.show) {
12
- display: none;
13
- }
14
- }
15
-
16
- .collapsing {
17
- height: 0;
18
- overflow: hidden;
19
- @include transition($transition-collapse);
20
-
21
- &.collapse-horizontal {
22
- width: 0;
23
- height: auto;
24
- @include transition($transition-collapse-width);
25
- }
26
- }
27
- // scss-docs-end collapse-classes