@syncfusion/ej2-react-layouts 26.1.35 → 26.2.4

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 (111) hide show
  1. package/dist/ej2-react-layouts.min.js +1 -1
  2. package/dist/ej2-react-layouts.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/avatar/bootstrap-dark.css +1 -48
  5. package/styles/avatar/bootstrap.css +1 -48
  6. package/styles/avatar/bootstrap4.css +1 -48
  7. package/styles/avatar/bootstrap5-dark.css +1 -63
  8. package/styles/avatar/bootstrap5.css +1 -63
  9. package/styles/avatar/fabric-dark.css +1 -48
  10. package/styles/avatar/fabric.css +1 -48
  11. package/styles/avatar/fluent-dark.css +1 -61
  12. package/styles/avatar/fluent.css +1 -61
  13. package/styles/avatar/fluent2.css +1 -1094
  14. package/styles/avatar/highcontrast-light.css +1 -48
  15. package/styles/avatar/highcontrast.css +1 -48
  16. package/styles/avatar/material-dark.css +1 -48
  17. package/styles/avatar/material.css +1 -48
  18. package/styles/avatar/material3-dark.css +1 -171
  19. package/styles/avatar/material3.css +1 -283
  20. package/styles/avatar/tailwind-dark.css +1 -61
  21. package/styles/avatar/tailwind.css +1 -61
  22. package/styles/bootstrap-dark.css +1 -1752
  23. package/styles/bootstrap.css +1 -1753
  24. package/styles/bootstrap4.css +1 -1757
  25. package/styles/bootstrap5-dark.css +1 -1770
  26. package/styles/bootstrap5.css +1 -1770
  27. package/styles/card/bootstrap-dark.css +1 -556
  28. package/styles/card/bootstrap.css +1 -557
  29. package/styles/card/bootstrap4.css +1 -563
  30. package/styles/card/bootstrap5-dark.css +1 -556
  31. package/styles/card/bootstrap5.css +1 -556
  32. package/styles/card/fabric-dark.css +1 -556
  33. package/styles/card/fabric.css +1 -567
  34. package/styles/card/fluent-dark.css +1 -579
  35. package/styles/card/fluent.css +1 -579
  36. package/styles/card/fluent2.css +1 -1588
  37. package/styles/card/highcontrast-light.css +1 -556
  38. package/styles/card/highcontrast.css +1 -568
  39. package/styles/card/material-dark.css +1 -556
  40. package/styles/card/material.css +1 -557
  41. package/styles/card/material3-dark.css +1 -667
  42. package/styles/card/material3.css +1 -779
  43. package/styles/card/tailwind-dark.css +1 -557
  44. package/styles/card/tailwind.css +1 -557
  45. package/styles/dashboard-layout/bootstrap-dark.css +1 -295
  46. package/styles/dashboard-layout/bootstrap.css +1 -295
  47. package/styles/dashboard-layout/bootstrap4.css +1 -295
  48. package/styles/dashboard-layout/bootstrap5-dark.css +1 -306
  49. package/styles/dashboard-layout/bootstrap5.css +1 -306
  50. package/styles/dashboard-layout/fabric-dark.css +1 -295
  51. package/styles/dashboard-layout/fabric.css +1 -295
  52. package/styles/dashboard-layout/fluent-dark.css +1 -300
  53. package/styles/dashboard-layout/fluent.css +1 -300
  54. package/styles/dashboard-layout/fluent2.css +1 -1336
  55. package/styles/dashboard-layout/highcontrast-light.css +1 -232
  56. package/styles/dashboard-layout/highcontrast.css +1 -293
  57. package/styles/dashboard-layout/material-dark.css +1 -295
  58. package/styles/dashboard-layout/material.css +1 -295
  59. package/styles/dashboard-layout/material3-dark.css +1 -412
  60. package/styles/dashboard-layout/material3.css +1 -524
  61. package/styles/dashboard-layout/tailwind-dark.css +1 -319
  62. package/styles/dashboard-layout/tailwind.css +1 -319
  63. package/styles/fabric-dark.css +1 -1752
  64. package/styles/fabric.css +1 -1763
  65. package/styles/fluent-dark.css +1 -1785
  66. package/styles/fluent.css +1 -1785
  67. package/styles/fluent2.css +1 -6931
  68. package/styles/highcontrast-light.css +1 -1689
  69. package/styles/highcontrast.css +1 -1762
  70. package/styles/material-dark.css +1 -1750
  71. package/styles/material.css +1 -1752
  72. package/styles/material3-dark.css +1 -2315
  73. package/styles/material3.css +1 -2875
  74. package/styles/splitter/bootstrap-dark.css +1 -552
  75. package/styles/splitter/bootstrap.css +1 -552
  76. package/styles/splitter/bootstrap4.css +1 -550
  77. package/styles/splitter/bootstrap5-dark.css +1 -544
  78. package/styles/splitter/bootstrap5.css +1 -544
  79. package/styles/splitter/fabric-dark.css +1 -552
  80. package/styles/splitter/fabric.css +1 -552
  81. package/styles/splitter/fluent-dark.css +1 -544
  82. package/styles/splitter/fluent.css +1 -544
  83. package/styles/splitter/fluent2.css +1 -1578
  84. package/styles/splitter/highcontrast-light.css +1 -552
  85. package/styles/splitter/highcontrast.css +1 -552
  86. package/styles/splitter/material-dark.css +1 -550
  87. package/styles/splitter/material.css +1 -551
  88. package/styles/splitter/material3-dark.css +1 -654
  89. package/styles/splitter/material3.css +1 -766
  90. package/styles/splitter/tailwind-dark.css +1 -544
  91. package/styles/splitter/tailwind.css +1 -544
  92. package/styles/tailwind-dark.css +1 -1782
  93. package/styles/tailwind.css +1 -1782
  94. package/styles/timeline/bootstrap-dark.css +1 -298
  95. package/styles/timeline/bootstrap.css +1 -298
  96. package/styles/timeline/bootstrap4.css +1 -298
  97. package/styles/timeline/bootstrap5-dark.css +1 -298
  98. package/styles/timeline/bootstrap5.css +1 -298
  99. package/styles/timeline/fabric-dark.css +1 -298
  100. package/styles/timeline/fabric.css +1 -298
  101. package/styles/timeline/fluent-dark.css +1 -298
  102. package/styles/timeline/fluent.css +1 -298
  103. package/styles/timeline/fluent2.css +1 -1332
  104. package/styles/timeline/highcontrast-light.css +1 -298
  105. package/styles/timeline/highcontrast.css +1 -298
  106. package/styles/timeline/material-dark.css +1 -298
  107. package/styles/timeline/material.css +1 -298
  108. package/styles/timeline/material3-dark.css +1 -408
  109. package/styles/timeline/material3.css +1 -520
  110. package/styles/timeline/tailwind-dark.css +1 -298
  111. package/styles/timeline/tailwind.css +1 -298
@@ -1,556 +1 @@
1
- .e-bigger .e-card,
2
- .e-bigger.e-card {
3
- line-height: 48px;
4
- min-height: 48px;
5
- }
6
- .e-bigger .e-card > .e-card-header-title,
7
- .e-bigger.e-card > .e-card-header-title {
8
- line-height: 1.5;
9
- padding: 16px;
10
- }
11
- .e-bigger .e-card > .e-card-header-title + :not(.e-card-header-title),
12
- .e-bigger.e-card > .e-card-header-title + :not(.e-card-header-title) {
13
- margin-top: 0;
14
- padding-top: 0;
15
- }
16
- .e-bigger .e-card > .e-card-title,
17
- .e-bigger.e-card > .e-card-title {
18
- line-height: 1.5;
19
- padding: 16px;
20
- }
21
- .e-bigger .e-card > .e-card-title + :not(.e-card-title),
22
- .e-bigger.e-card > .e-card-title + :not(.e-card-title) {
23
- margin-top: 0;
24
- padding-top: 0;
25
- }
26
- .e-bigger .e-card.e-card-horizontal .e-card-image,
27
- .e-bigger .e-card.e-card-horizontal img,
28
- .e-bigger .e-card .e-card-horizontal .e-card-image,
29
- .e-bigger .e-card .e-card-horizontal img,
30
- .e-bigger.e-card.e-card-horizontal .e-card-image,
31
- .e-bigger.e-card.e-card-horizontal img,
32
- .e-bigger.e-card .e-card-horizontal .e-card-image,
33
- .e-bigger.e-card .e-card-horizontal img {
34
- margin: 2px;
35
- }
36
- .e-bigger .e-card .e-card-header,
37
- .e-bigger.e-card .e-card-header {
38
- min-height: 30px;
39
- padding: 16px;
40
- padding-bottom: 0;
41
- }
42
- .e-bigger .e-card .e-card-header .e-card-content,
43
- .e-bigger.e-card .e-card-header .e-card-content {
44
- padding-left: 0;
45
- padding-right: 0;
46
- }
47
- .e-bigger .e-card .e-card-header .e-card-header-caption,
48
- .e-bigger.e-card .e-card-header .e-card-header-caption {
49
- padding: 0 0 0 16px;
50
- }
51
- .e-bigger .e-card .e-card-header .e-card-header-caption:first-child,
52
- .e-bigger.e-card .e-card-header .e-card-header-caption:first-child {
53
- padding: 0;
54
- }
55
- .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-header-title,
56
- .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-header-title {
57
- font-size: 20px;
58
- line-height: 1.5;
59
- }
60
- .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
61
- .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
62
- font-size: 16px;
63
- line-height: 1.5;
64
- padding: 8px 0 0;
65
- }
66
- .e-bigger .e-card .e-card-header .e-card-header-image,
67
- .e-bigger.e-card .e-card-header .e-card-header-image {
68
- background-size: cover;
69
- height: 60px;
70
- width: 55px;
71
- }
72
- .e-bigger .e-card .e-card-image,
73
- .e-bigger.e-card .e-card-image {
74
- min-height: 150px;
75
- }
76
- .e-bigger .e-card .e-card-image .e-card-title,
77
- .e-bigger.e-card .e-card-image .e-card-title {
78
- font-size: 18px;
79
- line-height: 1.25;
80
- min-height: 40px;
81
- padding: 12px 16px;
82
- }
83
- .e-bigger .e-card .e-card-actions,
84
- .e-bigger.e-card .e-card-actions {
85
- padding: 16px;
86
- }
87
- .e-bigger .e-card .e-card-actions.e-card-vertical,
88
- .e-bigger.e-card .e-card-actions.e-card-vertical {
89
- padding: 16px 20px;
90
- }
91
- .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn,
92
- .e-bigger .e-card .e-card-actions.e-card-vertical a,
93
- .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn,
94
- .e-bigger.e-card .e-card-actions.e-card-vertical a {
95
- margin: 0 0 7px 0;
96
- }
97
- .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
98
- .e-bigger .e-card .e-card-actions.e-card-vertical a:last-child,
99
- .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
100
- .e-bigger.e-card .e-card-actions.e-card-vertical a:last-child {
101
- margin-bottom: 0;
102
- }
103
- .e-bigger .e-card .e-card-actions .e-card-btn span,
104
- .e-bigger .e-card .e-card-actions .e-card-btn span.e-icons,
105
- .e-bigger.e-card .e-card-actions .e-card-btn span,
106
- .e-bigger.e-card .e-card-actions .e-card-btn span.e-icons {
107
- height: 24px;
108
- width: 24px;
109
- }
110
- .e-bigger .e-card .e-card-actions .e-card-btn,
111
- .e-bigger .e-card .e-card-actions a,
112
- .e-bigger.e-card .e-card-actions .e-card-btn,
113
- .e-bigger.e-card .e-card-actions a {
114
- line-height: 38px;
115
- margin: 0 0 0 13px;
116
- min-height: 38px;
117
- padding: 0 8px;
118
- }
119
- .e-bigger .e-card .e-card-actions .e-card-btn:first-child,
120
- .e-bigger .e-card .e-card-actions a:first-child,
121
- .e-bigger.e-card .e-card-actions .e-card-btn:first-child,
122
- .e-bigger.e-card .e-card-actions a:first-child {
123
- margin-left: 0;
124
- }
125
- .e-bigger .e-card .e-card-content,
126
- .e-bigger.e-card .e-card-content {
127
- padding: 16px;
128
- }
129
- .e-bigger .e-card .e-card-content + :not(.e-card-content),
130
- .e-bigger .e-card .e-card-content + .e-card-actions.e-card-vertical,
131
- .e-bigger.e-card .e-card-content + :not(.e-card-content),
132
- .e-bigger.e-card .e-card-content + .e-card-actions.e-card-vertical {
133
- margin-top: 0;
134
- padding-top: 0;
135
- }
136
-
137
- .e-card {
138
- border-radius: 4px;
139
- -webkit-box-sizing: border-box;
140
- box-sizing: border-box;
141
- display: -webkit-box;
142
- display: -ms-flexbox;
143
- display: flex;
144
- -webkit-box-orient: vertical;
145
- -webkit-box-direction: normal;
146
- -ms-flex-direction: column;
147
- flex-direction: column;
148
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
149
- font-size: 15px;
150
- -webkit-box-pack: center;
151
- -ms-flex-pack: center;
152
- justify-content: center;
153
- line-height: 36px;
154
- min-height: 36px;
155
- overflow: hidden;
156
- position: relative;
157
- text-overflow: ellipsis;
158
- vertical-align: middle;
159
- width: 100%;
160
- }
161
- .e-card > * {
162
- -webkit-box-pack: center;
163
- -ms-flex-pack: center;
164
- justify-content: center;
165
- }
166
- .e-card > .e-card-header-title {
167
- -webkit-box-sizing: border-box;
168
- box-sizing: border-box;
169
- font-size: 16px;
170
- line-height: 1.25;
171
- padding: 12px;
172
- }
173
- .e-card > .e-card-header-title + :not(.e-card-header-title) {
174
- margin-top: 0;
175
- padding-top: 0;
176
- }
177
- .e-card > .e-card-title {
178
- font-size: 18px;
179
- line-height: 1.5;
180
- padding: 12px;
181
- }
182
- .e-card > .e-card-title + :not(.e-card-title) {
183
- margin-top: 0;
184
- padding-top: 0;
185
- }
186
- .e-card > .e-card-header-title,
187
- .e-card > .e-card-title {
188
- overflow: hidden;
189
- text-overflow: ellipsis;
190
- }
191
- .e-card .e-card-header-caption {
192
- line-height: normal;
193
- }
194
- .e-card .e-card-header-caption .e-card-header-title {
195
- font-size: 16px;
196
- }
197
- .e-card .e-card-header-caption .e-card-sub-title {
198
- font-size: 14px;
199
- }
200
- .e-card .e-card-stacked {
201
- display: -webkit-box;
202
- display: -ms-flexbox;
203
- display: flex;
204
- -webkit-box-orient: vertical;
205
- -webkit-box-direction: normal;
206
- -ms-flex-direction: column;
207
- flex-direction: column;
208
- -webkit-box-pack: center;
209
- -ms-flex-pack: center;
210
- justify-content: center;
211
- overflow: hidden;
212
- }
213
- .e-card.e-card-horizontal,
214
- .e-card .e-card-horizontal {
215
- display: -webkit-box;
216
- display: -ms-flexbox;
217
- display: flex;
218
- -webkit-box-orient: horizontal;
219
- -webkit-box-direction: normal;
220
- -ms-flex-direction: row;
221
- flex-direction: row;
222
- -webkit-box-pack: center;
223
- -ms-flex-pack: center;
224
- justify-content: center;
225
- }
226
- .e-card.e-card-horizontal .e-card-image,
227
- .e-card.e-card-horizontal img,
228
- .e-card .e-card-horizontal .e-card-image,
229
- .e-card .e-card-horizontal img {
230
- margin: 2px;
231
- }
232
- .e-card .e-card-horizontal {
233
- line-height: normal;
234
- padding: 2px;
235
- }
236
- .e-card.e-card-horizontal > * {
237
- -webkit-box-flex: 1;
238
- -ms-flex: 1;
239
- flex: 1;
240
- }
241
- .e-card.e-card-horizontal .e-card-stacked {
242
- display: -webkit-box;
243
- display: -ms-flexbox;
244
- display: flex;
245
- -webkit-box-flex: 1;
246
- -ms-flex: 1;
247
- flex: 1;
248
- -webkit-box-orient: vertical;
249
- -webkit-box-direction: normal;
250
- -ms-flex-direction: column;
251
- flex-direction: column;
252
- overflow: hidden;
253
- }
254
- .e-card.e-card-horizontal .e-card-stacked > :first-child {
255
- -webkit-box-flex: 1;
256
- -ms-flex-positive: 1;
257
- flex-grow: 1;
258
- }
259
- .e-card .e-card-separator {
260
- display: block;
261
- }
262
- .e-card .e-card-corner {
263
- border-radius: 50%;
264
- }
265
- .e-card .e-card-header {
266
- -webkit-box-sizing: border-box;
267
- box-sizing: border-box;
268
- display: -webkit-box;
269
- display: -ms-flexbox;
270
- display: flex;
271
- -webkit-box-orient: horizontal;
272
- -webkit-box-direction: normal;
273
- -ms-flex-direction: row;
274
- flex-direction: row;
275
- -webkit-box-pack: center;
276
- -ms-flex-pack: center;
277
- justify-content: center;
278
- line-height: normal;
279
- min-height: 22.5px;
280
- padding: 12px;
281
- width: inherit;
282
- padding-bottom: 0;
283
- }
284
- .e-card .e-card-header .e-card-content {
285
- padding-left: 0;
286
- padding-right: 0;
287
- }
288
- .e-card .e-card-header .e-card-actions {
289
- -webkit-box-pack: start;
290
- -ms-flex-pack: start;
291
- justify-content: flex-start;
292
- }
293
- .e-card .e-card-header .e-card-header-image {
294
- -ms-flex-item-align: center;
295
- align-self: center;
296
- display: -webkit-box;
297
- display: -ms-flexbox;
298
- display: flex;
299
- }
300
- .e-card .e-card-header .e-card-header-caption {
301
- -ms-flex-item-align: center;
302
- align-self: center;
303
- display: -webkit-box;
304
- display: -ms-flexbox;
305
- display: flex;
306
- -webkit-box-flex: 1;
307
- -ms-flex: 1;
308
- flex: 1;
309
- -webkit-box-orient: vertical;
310
- -webkit-box-direction: normal;
311
- -ms-flex-direction: column;
312
- flex-direction: column;
313
- overflow: hidden;
314
- padding: 0 0 0 12px;
315
- }
316
- .e-card .e-card-header .e-card-header-caption:first-child {
317
- padding: 0;
318
- }
319
- .e-card .e-card-header .e-card-header-caption .e-card-header-title,
320
- .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
321
- display: inline-block;
322
- overflow: hidden;
323
- text-overflow: ellipsis;
324
- white-space: nowrap;
325
- }
326
- .e-card .e-card-header .e-card-header-caption .e-card-header-title {
327
- font-size: 16px;
328
- font-weight: normal;
329
- line-height: 1.5;
330
- }
331
- .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
332
- font-size: 14px;
333
- font-weight: normal;
334
- line-height: 1.5;
335
- padding: 4px 0 0;
336
- }
337
- .e-card .e-card-header .e-card-header-image {
338
- background-repeat: no-repeat;
339
- background-size: cover;
340
- height: 50px;
341
- width: 52px;
342
- }
343
- .e-card .e-card-header .e-card-corner {
344
- border-radius: 50%;
345
- }
346
- .e-card .e-card-image {
347
- background-size: cover;
348
- min-height: 112.5px;
349
- position: relative;
350
- width: 100%;
351
- }
352
- .e-card .e-card-image .e-card-title {
353
- bottom: 0;
354
- -webkit-box-sizing: border-box;
355
- box-sizing: border-box;
356
- font-size: 16px;
357
- line-height: 30px;
358
- min-height: 30px;
359
- overflow: hidden;
360
- padding: 12px 16px;
361
- position: absolute;
362
- text-overflow: ellipsis;
363
- width: inherit;
364
- }
365
- .e-card .e-card-image .e-card-title.e-card-top-left, .e-card .e-card-image .e-card-title.e-card-top-right {
366
- bottom: auto;
367
- top: 0;
368
- }
369
- .e-card .e-card-image .e-card-title.e-card-top-right {
370
- text-align: right;
371
- }
372
- .e-card .e-card-image .e-card-title.e-card-bottom-right {
373
- text-align: right;
374
- }
375
- .e-card .e-card-actions {
376
- -webkit-box-sizing: border-box;
377
- box-sizing: border-box;
378
- display: inline-block;
379
- -webkit-box-pack: start;
380
- -ms-flex-pack: start;
381
- justify-content: flex-start;
382
- padding: 12px;
383
- }
384
- .e-card .e-card-actions.e-card-vertical {
385
- display: -webkit-box;
386
- display: -ms-flexbox;
387
- display: flex;
388
- -webkit-box-orient: vertical;
389
- -webkit-box-direction: normal;
390
- -ms-flex-direction: column;
391
- flex-direction: column;
392
- padding: 12px;
393
- }
394
- .e-card .e-card-actions.e-card-vertical .e-card-btn,
395
- .e-card .e-card-actions.e-card-vertical a {
396
- -ms-flex-item-align: initial;
397
- align-self: initial;
398
- -webkit-box-sizing: border-box;
399
- box-sizing: border-box;
400
- display: inline-block;
401
- -webkit-box-pack: center;
402
- -ms-flex-pack: center;
403
- justify-content: center;
404
- margin: 0 0 0 8px;
405
- text-align: center;
406
- width: 100%;
407
- }
408
- .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
409
- .e-card .e-card-actions.e-card-vertical a:last-child {
410
- margin-bottom: 0;
411
- }
412
- .e-card .e-card-actions button,
413
- .e-card .e-card-actions a {
414
- -webkit-box-align: center;
415
- -ms-flex-align: center;
416
- align-items: center;
417
- -ms-flex-item-align: center;
418
- align-self: center;
419
- cursor: pointer;
420
- display: -webkit-inline-box;
421
- display: -ms-inline-flexbox;
422
- display: inline-flex;
423
- overflow: hidden;
424
- vertical-align: middle;
425
- white-space: nowrap;
426
- }
427
- .e-card .e-card-actions .e-card-btn span,
428
- .e-card .e-card-actions .e-card-btn span.e-icons {
429
- display: -webkit-box;
430
- display: -ms-flexbox;
431
- display: flex;
432
- font-size: 14px;
433
- height: 24px;
434
- width: 24px;
435
- }
436
- .e-card .e-card-actions .e-card-btn span::before,
437
- .e-card .e-card-actions .e-card-btn span.e-icons::before {
438
- -ms-flex-item-align: center;
439
- align-self: center;
440
- display: -webkit-box;
441
- display: -ms-flexbox;
442
- display: flex;
443
- -webkit-box-pack: center;
444
- -ms-flex-pack: center;
445
- justify-content: center;
446
- width: inherit;
447
- }
448
- .e-card .e-card-actions .e-card-btn > * {
449
- overflow: hidden;
450
- text-overflow: ellipsis;
451
- width: inherit;
452
- }
453
- .e-card .e-card-actions .e-card-btn,
454
- .e-card .e-card-actions a {
455
- border-radius: 2px;
456
- }
457
- .e-card .e-card-actions .e-card-btn,
458
- .e-card .e-card-actions a {
459
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
460
- font-size: 14px;
461
- line-height: 30px;
462
- margin: 0 0 0 8px;
463
- min-height: 30px;
464
- padding: 0 6px;
465
- text-decoration: none;
466
- text-transform: none;
467
- }
468
- .e-card .e-card-actions .e-card-btn:first-child,
469
- .e-card .e-card-actions a:first-child {
470
- margin-left: 0;
471
- }
472
- .e-card .e-card-content {
473
- font-size: 14px;
474
- line-height: 1.5;
475
- padding: 12px;
476
- word-wrap: break-word;
477
- }
478
- .e-card .e-card-content + :not(.e-card-content),
479
- .e-card .e-card-content + .e-card-actions.e-card-vertical {
480
- margin-top: 0;
481
- padding-top: 0;
482
- }
483
- .e-card .e-card-content,
484
- .e-card .e-card-content p {
485
- line-height: 1.5;
486
- overflow: hidden;
487
- text-overflow: ellipsis;
488
- }
489
-
490
- /* stylelint-disable property-no-vendor-prefix */
491
- .e-card {
492
- -webkit-tap-highlight-color: #0d6efd;
493
- background: #212529;
494
- border: 1px solid #444c54;
495
- -webkit-box-shadow: none;
496
- box-shadow: none;
497
- color: #fff;
498
- outline: none;
499
- }
500
- .e-card:hover {
501
- background-color: #212529;
502
- border-color: #adb5bd;
503
- }
504
- .e-card:focus {
505
- background-color: #212529;
506
- border-color: #444c54;
507
- }
508
- .e-card:active {
509
- background-color: #212529;
510
- border-color: #0d6efd;
511
- }
512
- .e-card .e-card-separator {
513
- border-bottom: 1px solid #444c54;
514
- }
515
- .e-card .e-card-header-caption .e-card-header-title {
516
- color: #fff;
517
- }
518
- .e-card .e-card-header-caption .e-card-sub-title {
519
- color: #ced4da;
520
- }
521
- .e-card .e-card-image .e-card-title {
522
- background-color: rgba(0, 0, 0, 0.4);
523
- color: #fff;
524
- }
525
- .e-card .e-card-actions .e-card-btn span,
526
- .e-card .e-card-actions .e-card-btn span.e-icons {
527
- color: #0d6efd;
528
- }
529
- .e-card .e-card-actions .e-card-btn,
530
- .e-card .e-card-actions a {
531
- background-color: transparent;
532
- border: 1px solid #0d6efd;
533
- color: #0d6efd;
534
- outline: 0;
535
- }
536
- .e-card .e-card-actions .e-card-btn:hover,
537
- .e-card .e-card-actions a:hover {
538
- background-color: #0d6efd;
539
- border: 1px solid #565e64;
540
- color: #fff;
541
- }
542
- .e-card .e-card-actions .e-card-btn:focus,
543
- .e-card .e-card-actions a:focus {
544
- background-color: #5c636a;
545
- border: 1px solid;
546
- color: #fff;
547
- }
548
- .e-card .e-card-actions .e-card-btn:active,
549
- .e-card .e-card-actions a:active {
550
- background-color: #565e64;
551
- border: 1px solid #51585e;
552
- color: #fff;
553
- }
554
- .e-card .e-card-content {
555
- color: #e9ecef;
556
- }
1
+ @import '@syncfusion/ej2-layouts/styles/card/bootstrap5-dark.css';