@sd-angular/core 19.0.0-beta.86 → 19.0.0-beta.87

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 (144) hide show
  1. package/README.md +716 -716
  2. package/assets/fonts/fonts.scss +115 -115
  3. package/assets/scss/bootstrap-4.6.2/_alert.scss +52 -52
  4. package/assets/scss/bootstrap-4.6.2/_badge.scss +54 -54
  5. package/assets/scss/bootstrap-4.6.2/_breadcrumb.scss +42 -42
  6. package/assets/scss/bootstrap-4.6.2/_button-group.scss +163 -163
  7. package/assets/scss/bootstrap-4.6.2/_buttons.scss +142 -142
  8. package/assets/scss/bootstrap-4.6.2/_card.scss +286 -286
  9. package/assets/scss/bootstrap-4.6.2/_carousel.scss +200 -200
  10. package/assets/scss/bootstrap-4.6.2/_close.scss +40 -40
  11. package/assets/scss/bootstrap-4.6.2/_code.scss +48 -48
  12. package/assets/scss/bootstrap-4.6.2/_custom-forms.scss +526 -526
  13. package/assets/scss/bootstrap-4.6.2/_dropdown.scss +192 -192
  14. package/assets/scss/bootstrap-4.6.2/_forms.scss +347 -347
  15. package/assets/scss/bootstrap-4.6.2/_functions.scss +190 -190
  16. package/assets/scss/bootstrap-4.6.2/_grid.scss +73 -73
  17. package/assets/scss/bootstrap-4.6.2/_images.scss +42 -42
  18. package/assets/scss/bootstrap-4.6.2/_input-group.scss +211 -211
  19. package/assets/scss/bootstrap-4.6.2/_jumbotron.scss +17 -17
  20. package/assets/scss/bootstrap-4.6.2/_list-group.scss +154 -154
  21. package/assets/scss/bootstrap-4.6.2/_media.scss +8 -8
  22. package/assets/scss/bootstrap-4.6.2/_mixins.scss +47 -47
  23. package/assets/scss/bootstrap-4.6.2/_modal.scss +240 -240
  24. package/assets/scss/bootstrap-4.6.2/_nav.scss +125 -125
  25. package/assets/scss/bootstrap-4.6.2/_navbar.scss +332 -332
  26. package/assets/scss/bootstrap-4.6.2/_pagination.scss +74 -74
  27. package/assets/scss/bootstrap-4.6.2/_popover.scss +170 -170
  28. package/assets/scss/bootstrap-4.6.2/_print.scss +132 -132
  29. package/assets/scss/bootstrap-4.6.2/_progress.scss +47 -47
  30. package/assets/scss/bootstrap-4.6.2/_reboot.scss +484 -484
  31. package/assets/scss/bootstrap-4.6.2/_root.scss +19 -19
  32. package/assets/scss/bootstrap-4.6.2/_spinners.scss +65 -65
  33. package/assets/scss/bootstrap-4.6.2/_tables.scss +185 -185
  34. package/assets/scss/bootstrap-4.6.2/_toasts.scss +46 -46
  35. package/assets/scss/bootstrap-4.6.2/_tooltip.scss +115 -115
  36. package/assets/scss/bootstrap-4.6.2/_transitions.scss +26 -26
  37. package/assets/scss/bootstrap-4.6.2/_type.scss +125 -125
  38. package/assets/scss/bootstrap-4.6.2/_utilities.scss +18 -18
  39. package/assets/scss/bootstrap-4.6.2/_variables.scss +1150 -1150
  40. package/assets/scss/bootstrap-4.6.2/bootstrap-grid.scss +30 -30
  41. package/assets/scss/bootstrap-4.6.2/bootstrap-reboot.scss +12 -12
  42. package/assets/scss/bootstrap-4.6.2/bootstrap.scss +44 -44
  43. package/assets/scss/bootstrap-4.6.2/mixins/_alert.scss +13 -13
  44. package/assets/scss/bootstrap-4.6.2/mixins/_background-variant.scss +23 -23
  45. package/assets/scss/bootstrap-4.6.2/mixins/_badge.scss +17 -17
  46. package/assets/scss/bootstrap-4.6.2/mixins/_border-radius.scss +76 -76
  47. package/assets/scss/bootstrap-4.6.2/mixins/_box-shadow.scss +20 -20
  48. package/assets/scss/bootstrap-4.6.2/mixins/_breakpoints.scss +123 -123
  49. package/assets/scss/bootstrap-4.6.2/mixins/_buttons.scss +110 -110
  50. package/assets/scss/bootstrap-4.6.2/mixins/_caret.scss +62 -62
  51. package/assets/scss/bootstrap-4.6.2/mixins/_clearfix.scss +7 -7
  52. package/assets/scss/bootstrap-4.6.2/mixins/_deprecate.scss +10 -10
  53. package/assets/scss/bootstrap-4.6.2/mixins/_float.scss +14 -14
  54. package/assets/scss/bootstrap-4.6.2/mixins/_forms.scss +195 -195
  55. package/assets/scss/bootstrap-4.6.2/mixins/_gradients.scss +45 -45
  56. package/assets/scss/bootstrap-4.6.2/mixins/_grid-framework.scss +80 -80
  57. package/assets/scss/bootstrap-4.6.2/mixins/_grid.scss +69 -69
  58. package/assets/scss/bootstrap-4.6.2/mixins/_hover.scss +37 -37
  59. package/assets/scss/bootstrap-4.6.2/mixins/_image.scss +36 -36
  60. package/assets/scss/bootstrap-4.6.2/mixins/_list-group.scss +21 -21
  61. package/assets/scss/bootstrap-4.6.2/mixins/_lists.scss +7 -7
  62. package/assets/scss/bootstrap-4.6.2/mixins/_nav-divider.scss +11 -11
  63. package/assets/scss/bootstrap-4.6.2/mixins/_pagination.scss +22 -22
  64. package/assets/scss/bootstrap-4.6.2/mixins/_reset-text.scss +17 -17
  65. package/assets/scss/bootstrap-4.6.2/mixins/_resize.scss +6 -6
  66. package/assets/scss/bootstrap-4.6.2/mixins/_screen-reader.scss +34 -34
  67. package/assets/scss/bootstrap-4.6.2/mixins/_size.scss +7 -7
  68. package/assets/scss/bootstrap-4.6.2/mixins/_table-row.scss +39 -39
  69. package/assets/scss/bootstrap-4.6.2/mixins/_text-emphasis.scss +17 -17
  70. package/assets/scss/bootstrap-4.6.2/mixins/_text-hide.scss +11 -11
  71. package/assets/scss/bootstrap-4.6.2/mixins/_text-truncate.scss +8 -8
  72. package/assets/scss/bootstrap-4.6.2/mixins/_transition.scss +26 -26
  73. package/assets/scss/bootstrap-4.6.2/mixins/_visibility.scss +8 -8
  74. package/assets/scss/bootstrap-4.6.2/utilities/_align.scss +8 -8
  75. package/assets/scss/bootstrap-4.6.2/utilities/_background.scss +19 -19
  76. package/assets/scss/bootstrap-4.6.2/utilities/_borders.scss +75 -75
  77. package/assets/scss/bootstrap-4.6.2/utilities/_clearfix.scss +3 -3
  78. package/assets/scss/bootstrap-4.6.2/utilities/_display.scss +26 -26
  79. package/assets/scss/bootstrap-4.6.2/utilities/_embed.scss +39 -39
  80. package/assets/scss/bootstrap-4.6.2/utilities/_flex.scss +51 -51
  81. package/assets/scss/bootstrap-4.6.2/utilities/_float.scss +11 -11
  82. package/assets/scss/bootstrap-4.6.2/utilities/_interactions.scss +5 -5
  83. package/assets/scss/bootstrap-4.6.2/utilities/_overflow.scss +5 -5
  84. package/assets/scss/bootstrap-4.6.2/utilities/_position.scss +32 -32
  85. package/assets/scss/bootstrap-4.6.2/utilities/_screenreaders.scss +11 -11
  86. package/assets/scss/bootstrap-4.6.2/utilities/_shadows.scss +6 -6
  87. package/assets/scss/bootstrap-4.6.2/utilities/_sizing.scss +20 -20
  88. package/assets/scss/bootstrap-4.6.2/utilities/_spacing.scss +73 -73
  89. package/assets/scss/bootstrap-4.6.2/utilities/_stretched-link.scss +19 -19
  90. package/assets/scss/bootstrap-4.6.2/utilities/_text.scss +72 -72
  91. package/assets/scss/bootstrap-4.6.2/utilities/_visibility.scss +13 -13
  92. package/assets/scss/bootstrap-4.6.2/vendor/_rfs.scss +228 -228
  93. package/assets/scss/core/print.scss +47 -47
  94. package/assets/scss/core/scrollbar.scss +30 -30
  95. package/assets/scss/core/typography.scss +121 -121
  96. package/components/anchor/index.d.ts +1 -0
  97. package/components/anchor/src/components/anchor-item/anchor-item.component.d.ts +8 -11
  98. package/components/anchor/src/components/anchor-vertical/anchor-list/anchor-list.component.d.ts +12 -13
  99. package/components/anchor/src/components/main/main.component.d.ts +13 -18
  100. package/components/anchor/src/models/anchor.model.d.ts +7 -0
  101. package/components/anchor/src/models/index.d.ts +1 -0
  102. package/components/editor/src/models/image-upload.plugin.model.d.ts +1 -3
  103. package/fesm2022/sd-angular-core-components-anchor-v2.mjs +4 -4
  104. package/fesm2022/sd-angular-core-components-anchor-v2.mjs.map +1 -1
  105. package/fesm2022/sd-angular-core-components-anchor.mjs +115 -210
  106. package/fesm2022/sd-angular-core-components-anchor.mjs.map +1 -1
  107. package/fesm2022/sd-angular-core-components-avatar.mjs +2 -2
  108. package/fesm2022/sd-angular-core-components-avatar.mjs.map +1 -1
  109. package/fesm2022/sd-angular-core-components-chart.mjs +40 -40
  110. package/fesm2022/sd-angular-core-components-chart.mjs.map +1 -1
  111. package/fesm2022/sd-angular-core-components-editor.mjs +3 -1
  112. package/fesm2022/sd-angular-core-components-editor.mjs.map +1 -1
  113. package/fesm2022/sd-angular-core-components-quick-action.mjs.map +1 -1
  114. package/fesm2022/sd-angular-core-components-tab-router.mjs +4 -4
  115. package/fesm2022/sd-angular-core-components-tab-router.mjs.map +1 -1
  116. package/fesm2022/sd-angular-core-components-table.mjs +6 -6
  117. package/fesm2022/sd-angular-core-components-table.mjs.map +1 -1
  118. package/fesm2022/sd-angular-core-components-upload-file.mjs +4 -4
  119. package/fesm2022/sd-angular-core-components-upload-file.mjs.map +1 -1
  120. package/fesm2022/sd-angular-core-directives.mjs.map +1 -1
  121. package/fesm2022/sd-angular-core-forms-directives.mjs.map +1 -1
  122. package/fesm2022/sd-angular-core-forms-models.mjs.map +1 -1
  123. package/fesm2022/sd-angular-core-forms-select.mjs +2 -2
  124. package/fesm2022/sd-angular-core-forms-select.mjs.map +1 -1
  125. package/fesm2022/sd-angular-core-forms.mjs.map +1 -1
  126. package/fesm2022/sd-angular-core-modules-authom.mjs.map +1 -1
  127. package/fesm2022/sd-angular-core-modules-layout.mjs +16 -12
  128. package/fesm2022/sd-angular-core-modules-layout.mjs.map +1 -1
  129. package/fesm2022/sd-angular-core-pipes.mjs.map +1 -1
  130. package/fesm2022/sd-angular-core-services-api.mjs.map +1 -1
  131. package/fesm2022/sd-angular-core-services-cache.mjs.map +1 -1
  132. package/fesm2022/sd-angular-core-services-confirm.mjs.map +1 -1
  133. package/fesm2022/sd-angular-core-services-firebase.mjs.map +1 -1
  134. package/fesm2022/sd-angular-core-services-license.mjs.map +1 -1
  135. package/fesm2022/sd-angular-core-services-storage.mjs.map +1 -1
  136. package/fesm2022/sd-angular-core-utilities-extensions.mjs.map +1 -1
  137. package/fesm2022/sd-angular-core-utilities-models.mjs.map +1 -1
  138. package/fesm2022/sd-angular-core.mjs.map +1 -1
  139. package/package.json +62 -62
  140. package/sd-angular-core-19.0.0-beta.87.tgz +0 -0
  141. package/components/anchor/src/components/anchor-horizontal/anchor-list/anchor-list.component.d.ts +0 -16
  142. package/components/anchor/src/services/anchor.service.d.ts +0 -12
  143. package/components/anchor/src/services/index.d.ts +0 -1
  144. package/sd-angular-core-19.0.0-beta.86.tgz +0 -0
@@ -1,19 +1,19 @@
1
- :root {
2
- // Custom variable values only support SassScript inside `#{}`.
3
- @each $color, $value in $colors {
4
- --#{$color}: #{$value};
5
- }
6
-
7
- @each $color, $value in $theme-colors {
8
- --#{$color}: #{$value};
9
- }
10
-
11
- @each $bp, $value in $grid-breakpoints {
12
- --breakpoint-#{$bp}: #{$value};
13
- }
14
-
15
- // Use `inspect` for lists so that quoted items keep the quotes.
16
- // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
17
- --font-family-sans-serif: #{inspect($font-family-sans-serif)};
18
- --font-family-monospace: #{inspect($font-family-monospace)};
19
- }
1
+ :root {
2
+ // Custom variable values only support SassScript inside `#{}`.
3
+ @each $color, $value in $colors {
4
+ --#{$color}: #{$value};
5
+ }
6
+
7
+ @each $color, $value in $theme-colors {
8
+ --#{$color}: #{$value};
9
+ }
10
+
11
+ @each $bp, $value in $grid-breakpoints {
12
+ --breakpoint-#{$bp}: #{$value};
13
+ }
14
+
15
+ // Use `inspect` for lists so that quoted items keep the quotes.
16
+ // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
17
+ --font-family-sans-serif: #{inspect($font-family-sans-serif)};
18
+ --font-family-monospace: #{inspect($font-family-monospace)};
19
+ }
@@ -1,65 +1,65 @@
1
- //
2
- // Rotating border
3
- //
4
-
5
- @keyframes spinner-border {
6
- to { transform: rotate(360deg); }
7
- }
8
-
9
- .spinner-border {
10
- display: inline-block;
11
- width: $spinner-width;
12
- height: $spinner-height;
13
- vertical-align: $spinner-vertical-align;
14
- border: $spinner-border-width solid currentcolor;
15
- border-right-color: transparent;
16
- // stylelint-disable-next-line property-disallowed-list
17
- border-radius: 50%;
18
- animation: .75s linear infinite spinner-border;
19
- }
20
-
21
- .spinner-border-sm {
22
- width: $spinner-width-sm;
23
- height: $spinner-height-sm;
24
- border-width: $spinner-border-width-sm;
25
- }
26
-
27
- //
28
- // Growing circle
29
- //
30
-
31
- @keyframes spinner-grow {
32
- 0% {
33
- transform: scale(0);
34
- }
35
- 50% {
36
- opacity: 1;
37
- transform: none;
38
- }
39
- }
40
-
41
- .spinner-grow {
42
- display: inline-block;
43
- width: $spinner-width;
44
- height: $spinner-height;
45
- vertical-align: $spinner-vertical-align;
46
- background-color: currentcolor;
47
- // stylelint-disable-next-line property-disallowed-list
48
- border-radius: 50%;
49
- opacity: 0;
50
- animation: .75s linear infinite spinner-grow;
51
- }
52
-
53
- .spinner-grow-sm {
54
- width: $spinner-width-sm;
55
- height: $spinner-height-sm;
56
- }
57
-
58
- @if $enable-prefers-reduced-motion-media-query {
59
- @media (prefers-reduced-motion: reduce) {
60
- .spinner-border,
61
- .spinner-grow {
62
- animation-duration: 1.5s;
63
- }
64
- }
65
- }
1
+ //
2
+ // Rotating border
3
+ //
4
+
5
+ @keyframes spinner-border {
6
+ to { transform: rotate(360deg); }
7
+ }
8
+
9
+ .spinner-border {
10
+ display: inline-block;
11
+ width: $spinner-width;
12
+ height: $spinner-height;
13
+ vertical-align: $spinner-vertical-align;
14
+ border: $spinner-border-width solid currentcolor;
15
+ border-right-color: transparent;
16
+ // stylelint-disable-next-line property-disallowed-list
17
+ border-radius: 50%;
18
+ animation: .75s linear infinite spinner-border;
19
+ }
20
+
21
+ .spinner-border-sm {
22
+ width: $spinner-width-sm;
23
+ height: $spinner-height-sm;
24
+ border-width: $spinner-border-width-sm;
25
+ }
26
+
27
+ //
28
+ // Growing circle
29
+ //
30
+
31
+ @keyframes spinner-grow {
32
+ 0% {
33
+ transform: scale(0);
34
+ }
35
+ 50% {
36
+ opacity: 1;
37
+ transform: none;
38
+ }
39
+ }
40
+
41
+ .spinner-grow {
42
+ display: inline-block;
43
+ width: $spinner-width;
44
+ height: $spinner-height;
45
+ vertical-align: $spinner-vertical-align;
46
+ background-color: currentcolor;
47
+ // stylelint-disable-next-line property-disallowed-list
48
+ border-radius: 50%;
49
+ opacity: 0;
50
+ animation: .75s linear infinite spinner-grow;
51
+ }
52
+
53
+ .spinner-grow-sm {
54
+ width: $spinner-width-sm;
55
+ height: $spinner-height-sm;
56
+ }
57
+
58
+ @if $enable-prefers-reduced-motion-media-query {
59
+ @media (prefers-reduced-motion: reduce) {
60
+ .spinner-border,
61
+ .spinner-grow {
62
+ animation-duration: 1.5s;
63
+ }
64
+ }
65
+ }
@@ -1,185 +1,185 @@
1
- //
2
- // Basic Bootstrap table
3
- //
4
-
5
- .table {
6
- width: 100%;
7
- margin-bottom: $spacer;
8
- color: $table-color;
9
- background-color: $table-bg; // Reset for nesting within parents with `background-color`.
10
-
11
- th,
12
- td {
13
- padding: $table-cell-padding;
14
- vertical-align: top;
15
- border-top: $table-border-width solid $table-border-color;
16
- }
17
-
18
- thead th {
19
- vertical-align: bottom;
20
- border-bottom: (2 * $table-border-width) solid $table-border-color;
21
- }
22
-
23
- tbody + tbody {
24
- border-top: (2 * $table-border-width) solid $table-border-color;
25
- }
26
- }
27
-
28
-
29
- //
30
- // Condensed table w/ half padding
31
- //
32
-
33
- .table-sm {
34
- th,
35
- td {
36
- padding: $table-cell-padding-sm;
37
- }
38
- }
39
-
40
-
41
- // Border versions
42
- //
43
- // Add or remove borders all around the table and between all the columns.
44
-
45
- .table-bordered {
46
- border: $table-border-width solid $table-border-color;
47
-
48
- th,
49
- td {
50
- border: $table-border-width solid $table-border-color;
51
- }
52
-
53
- thead {
54
- th,
55
- td {
56
- border-bottom-width: 2 * $table-border-width;
57
- }
58
- }
59
- }
60
-
61
- .table-borderless {
62
- th,
63
- td,
64
- thead th,
65
- tbody + tbody {
66
- border: 0;
67
- }
68
- }
69
-
70
- // Zebra-striping
71
- //
72
- // Default zebra-stripe styles (alternating gray and transparent backgrounds)
73
-
74
- .table-striped {
75
- tbody tr:nth-of-type(#{$table-striped-order}) {
76
- background-color: $table-accent-bg;
77
- }
78
- }
79
-
80
-
81
- // Hover effect
82
- //
83
- // Placed here since it has to come after the potential zebra striping
84
-
85
- .table-hover {
86
- tbody tr {
87
- @include hover() {
88
- color: $table-hover-color;
89
- background-color: $table-hover-bg;
90
- }
91
- }
92
- }
93
-
94
-
95
- // Table backgrounds
96
- //
97
- // Exact selectors below required to override `.table-striped` and prevent
98
- // inheritance to nested tables.
99
-
100
- @each $color, $value in $theme-colors {
101
- @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));
102
- }
103
-
104
- @include table-row-variant(active, $table-active-bg);
105
-
106
-
107
- // Dark styles
108
- //
109
- // Same table markup, but inverted color scheme: dark background and light text.
110
-
111
- // stylelint-disable-next-line no-duplicate-selectors
112
- .table {
113
- .thead-dark {
114
- th {
115
- color: $table-dark-color;
116
- background-color: $table-dark-bg;
117
- border-color: $table-dark-border-color;
118
- }
119
- }
120
-
121
- .thead-light {
122
- th {
123
- color: $table-head-color;
124
- background-color: $table-head-bg;
125
- border-color: $table-border-color;
126
- }
127
- }
128
- }
129
-
130
- .table-dark {
131
- color: $table-dark-color;
132
- background-color: $table-dark-bg;
133
-
134
- th,
135
- td,
136
- thead th {
137
- border-color: $table-dark-border-color;
138
- }
139
-
140
- &.table-bordered {
141
- border: 0;
142
- }
143
-
144
- &.table-striped {
145
- tbody tr:nth-of-type(#{$table-striped-order}) {
146
- background-color: $table-dark-accent-bg;
147
- }
148
- }
149
-
150
- &.table-hover {
151
- tbody tr {
152
- @include hover() {
153
- color: $table-dark-hover-color;
154
- background-color: $table-dark-hover-bg;
155
- }
156
- }
157
- }
158
- }
159
-
160
-
161
- // Responsive tables
162
- //
163
- // Generate series of `.table-responsive-*` classes for configuring the screen
164
- // size of where your table will overflow.
165
-
166
- .table-responsive {
167
- @each $breakpoint in map-keys($grid-breakpoints) {
168
- $next: breakpoint-next($breakpoint, $grid-breakpoints);
169
- $infix: breakpoint-infix($next, $grid-breakpoints);
170
-
171
- &#{$infix} {
172
- @include media-breakpoint-down($breakpoint) {
173
- display: block;
174
- width: 100%;
175
- overflow-x: auto;
176
- -webkit-overflow-scrolling: touch;
177
-
178
- // Prevent double border on horizontal scroll due to use of `display: block;`
179
- > .table-bordered {
180
- border: 0;
181
- }
182
- }
183
- }
184
- }
185
- }
1
+ //
2
+ // Basic Bootstrap table
3
+ //
4
+
5
+ .table {
6
+ width: 100%;
7
+ margin-bottom: $spacer;
8
+ color: $table-color;
9
+ background-color: $table-bg; // Reset for nesting within parents with `background-color`.
10
+
11
+ th,
12
+ td {
13
+ padding: $table-cell-padding;
14
+ vertical-align: top;
15
+ border-top: $table-border-width solid $table-border-color;
16
+ }
17
+
18
+ thead th {
19
+ vertical-align: bottom;
20
+ border-bottom: (2 * $table-border-width) solid $table-border-color;
21
+ }
22
+
23
+ tbody + tbody {
24
+ border-top: (2 * $table-border-width) solid $table-border-color;
25
+ }
26
+ }
27
+
28
+
29
+ //
30
+ // Condensed table w/ half padding
31
+ //
32
+
33
+ .table-sm {
34
+ th,
35
+ td {
36
+ padding: $table-cell-padding-sm;
37
+ }
38
+ }
39
+
40
+
41
+ // Border versions
42
+ //
43
+ // Add or remove borders all around the table and between all the columns.
44
+
45
+ .table-bordered {
46
+ border: $table-border-width solid $table-border-color;
47
+
48
+ th,
49
+ td {
50
+ border: $table-border-width solid $table-border-color;
51
+ }
52
+
53
+ thead {
54
+ th,
55
+ td {
56
+ border-bottom-width: 2 * $table-border-width;
57
+ }
58
+ }
59
+ }
60
+
61
+ .table-borderless {
62
+ th,
63
+ td,
64
+ thead th,
65
+ tbody + tbody {
66
+ border: 0;
67
+ }
68
+ }
69
+
70
+ // Zebra-striping
71
+ //
72
+ // Default zebra-stripe styles (alternating gray and transparent backgrounds)
73
+
74
+ .table-striped {
75
+ tbody tr:nth-of-type(#{$table-striped-order}) {
76
+ background-color: $table-accent-bg;
77
+ }
78
+ }
79
+
80
+
81
+ // Hover effect
82
+ //
83
+ // Placed here since it has to come after the potential zebra striping
84
+
85
+ .table-hover {
86
+ tbody tr {
87
+ @include hover() {
88
+ color: $table-hover-color;
89
+ background-color: $table-hover-bg;
90
+ }
91
+ }
92
+ }
93
+
94
+
95
+ // Table backgrounds
96
+ //
97
+ // Exact selectors below required to override `.table-striped` and prevent
98
+ // inheritance to nested tables.
99
+
100
+ @each $color, $value in $theme-colors {
101
+ @include table-row-variant($color, theme-color-level($color, $table-bg-level), theme-color-level($color, $table-border-level));
102
+ }
103
+
104
+ @include table-row-variant(active, $table-active-bg);
105
+
106
+
107
+ // Dark styles
108
+ //
109
+ // Same table markup, but inverted color scheme: dark background and light text.
110
+
111
+ // stylelint-disable-next-line no-duplicate-selectors
112
+ .table {
113
+ .thead-dark {
114
+ th {
115
+ color: $table-dark-color;
116
+ background-color: $table-dark-bg;
117
+ border-color: $table-dark-border-color;
118
+ }
119
+ }
120
+
121
+ .thead-light {
122
+ th {
123
+ color: $table-head-color;
124
+ background-color: $table-head-bg;
125
+ border-color: $table-border-color;
126
+ }
127
+ }
128
+ }
129
+
130
+ .table-dark {
131
+ color: $table-dark-color;
132
+ background-color: $table-dark-bg;
133
+
134
+ th,
135
+ td,
136
+ thead th {
137
+ border-color: $table-dark-border-color;
138
+ }
139
+
140
+ &.table-bordered {
141
+ border: 0;
142
+ }
143
+
144
+ &.table-striped {
145
+ tbody tr:nth-of-type(#{$table-striped-order}) {
146
+ background-color: $table-dark-accent-bg;
147
+ }
148
+ }
149
+
150
+ &.table-hover {
151
+ tbody tr {
152
+ @include hover() {
153
+ color: $table-dark-hover-color;
154
+ background-color: $table-dark-hover-bg;
155
+ }
156
+ }
157
+ }
158
+ }
159
+
160
+
161
+ // Responsive tables
162
+ //
163
+ // Generate series of `.table-responsive-*` classes for configuring the screen
164
+ // size of where your table will overflow.
165
+
166
+ .table-responsive {
167
+ @each $breakpoint in map-keys($grid-breakpoints) {
168
+ $next: breakpoint-next($breakpoint, $grid-breakpoints);
169
+ $infix: breakpoint-infix($next, $grid-breakpoints);
170
+
171
+ &#{$infix} {
172
+ @include media-breakpoint-down($breakpoint) {
173
+ display: block;
174
+ width: 100%;
175
+ overflow-x: auto;
176
+ -webkit-overflow-scrolling: touch;
177
+
178
+ // Prevent double border on horizontal scroll due to use of `display: block;`
179
+ > .table-bordered {
180
+ border: 0;
181
+ }
182
+ }
183
+ }
184
+ }
185
+ }
@@ -1,46 +1,46 @@
1
- .toast {
2
- // Prevents from shrinking in IE11, when in a flex container
3
- // See https://github.com/twbs/bootstrap/issues/28341
4
- flex-basis: $toast-max-width;
5
- max-width: $toast-max-width;
6
- @include font-size($toast-font-size);
7
- color: $toast-color;
8
- background-color: $toast-background-color;
9
- background-clip: padding-box;
10
- border: $toast-border-width solid $toast-border-color;
11
- box-shadow: $toast-box-shadow;
12
- opacity: 0;
13
- @include border-radius($toast-border-radius);
14
-
15
- &:not(:last-child) {
16
- margin-bottom: $toast-padding-x;
17
- }
18
-
19
- &.showing {
20
- opacity: 1;
21
- }
22
-
23
- &.show {
24
- display: block;
25
- opacity: 1;
26
- }
27
-
28
- &.hide {
29
- display: none;
30
- }
31
- }
32
-
33
- .toast-header {
34
- display: flex;
35
- align-items: center;
36
- padding: $toast-padding-y $toast-padding-x;
37
- color: $toast-header-color;
38
- background-color: $toast-header-background-color;
39
- background-clip: padding-box;
40
- border-bottom: $toast-border-width solid $toast-header-border-color;
41
- @include border-top-radius(subtract($toast-border-radius, $toast-border-width));
42
- }
43
-
44
- .toast-body {
45
- padding: $toast-padding-x; // apply to both vertical and horizontal
46
- }
1
+ .toast {
2
+ // Prevents from shrinking in IE11, when in a flex container
3
+ // See https://github.com/twbs/bootstrap/issues/28341
4
+ flex-basis: $toast-max-width;
5
+ max-width: $toast-max-width;
6
+ @include font-size($toast-font-size);
7
+ color: $toast-color;
8
+ background-color: $toast-background-color;
9
+ background-clip: padding-box;
10
+ border: $toast-border-width solid $toast-border-color;
11
+ box-shadow: $toast-box-shadow;
12
+ opacity: 0;
13
+ @include border-radius($toast-border-radius);
14
+
15
+ &:not(:last-child) {
16
+ margin-bottom: $toast-padding-x;
17
+ }
18
+
19
+ &.showing {
20
+ opacity: 1;
21
+ }
22
+
23
+ &.show {
24
+ display: block;
25
+ opacity: 1;
26
+ }
27
+
28
+ &.hide {
29
+ display: none;
30
+ }
31
+ }
32
+
33
+ .toast-header {
34
+ display: flex;
35
+ align-items: center;
36
+ padding: $toast-padding-y $toast-padding-x;
37
+ color: $toast-header-color;
38
+ background-color: $toast-header-background-color;
39
+ background-clip: padding-box;
40
+ border-bottom: $toast-border-width solid $toast-header-border-color;
41
+ @include border-top-radius(subtract($toast-border-radius, $toast-border-width));
42
+ }
43
+
44
+ .toast-body {
45
+ padding: $toast-padding-x; // apply to both vertical and horizontal
46
+ }