@syncfusion/ej2-angular-layouts 24.1.41 → 24.2.3-ngcc

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