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