@syncfusion/ej2-layouts 26.2.9 → 27.1.48

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 (274) hide show
  1. package/README.md +33 -33
  2. package/dist/ej2-layouts.min.js +2 -2
  3. package/dist/ej2-layouts.umd.min.js +2 -2
  4. package/dist/ej2-layouts.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-layouts.es2015.js +3 -1
  6. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  7. package/dist/es6/ej2-layouts.es5.js +3 -1
  8. package/dist/es6/ej2-layouts.es5.js.map +1 -1
  9. package/dist/global/ej2-layouts.min.js +2 -2
  10. package/dist/global/ej2-layouts.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +8 -7
  13. package/src/splitter/splitter.js +3 -1
  14. package/styles/avatar/_layout.scss +6 -6
  15. package/styles/avatar/bootstrap5.3.css +66 -0
  16. package/styles/avatar/bootstrap5.3.scss +3 -0
  17. package/styles/bootstrap-dark-lite.css +1521 -0
  18. package/styles/bootstrap-dark-lite.scss +14 -0
  19. package/styles/bootstrap-dark.css +213 -211
  20. package/styles/bootstrap-dark.scss +5 -1
  21. package/styles/bootstrap-lite.css +1521 -0
  22. package/styles/bootstrap-lite.scss +14 -0
  23. package/styles/bootstrap.css +214 -212
  24. package/styles/bootstrap.scss +5 -1
  25. package/styles/bootstrap4-lite.css +1517 -0
  26. package/styles/bootstrap4-lite.scss +14 -0
  27. package/styles/bootstrap4.css +222 -220
  28. package/styles/bootstrap4.scss +5 -1
  29. package/styles/bootstrap5-dark-lite.css +1538 -0
  30. package/styles/bootstrap5-dark-lite.scss +14 -0
  31. package/styles/bootstrap5-dark.css +214 -212
  32. package/styles/bootstrap5-dark.scss +5 -1
  33. package/styles/bootstrap5-lite.css +1538 -0
  34. package/styles/bootstrap5-lite.scss +14 -0
  35. package/styles/bootstrap5.3-lite.css +1530 -0
  36. package/styles/bootstrap5.3-lite.scss +14 -0
  37. package/styles/bootstrap5.3.css +1764 -0
  38. package/styles/bootstrap5.3.scss +18 -0
  39. package/styles/bootstrap5.css +214 -212
  40. package/styles/bootstrap5.scss +5 -1
  41. package/styles/card/_bigger.scss +165 -0
  42. package/styles/card/_layout.scss +2 -164
  43. package/styles/card/bootstrap-dark.css +135 -135
  44. package/styles/card/bootstrap-dark.scss +1 -0
  45. package/styles/card/bootstrap.css +136 -136
  46. package/styles/card/bootstrap.scss +1 -0
  47. package/styles/card/bootstrap4.css +144 -144
  48. package/styles/card/bootstrap4.scss +1 -0
  49. package/styles/card/bootstrap5-dark.css +136 -136
  50. package/styles/card/bootstrap5-dark.scss +1 -0
  51. package/styles/card/bootstrap5.3.css +560 -0
  52. package/styles/card/bootstrap5.3.scss +4 -0
  53. package/styles/card/bootstrap5.css +136 -136
  54. package/styles/card/bootstrap5.scss +1 -0
  55. package/styles/card/fabric-dark.css +135 -135
  56. package/styles/card/fabric-dark.scss +1 -0
  57. package/styles/card/fabric.css +136 -136
  58. package/styles/card/fabric.scss +1 -0
  59. package/styles/card/fluent-dark.css +143 -143
  60. package/styles/card/fluent-dark.scss +1 -0
  61. package/styles/card/fluent.css +143 -143
  62. package/styles/card/fluent.scss +1 -0
  63. package/styles/card/fluent2.css +138 -138
  64. package/styles/card/fluent2.scss +1 -0
  65. package/styles/card/highcontrast-light.css +135 -135
  66. package/styles/card/highcontrast-light.scss +1 -0
  67. package/styles/card/highcontrast.css +136 -136
  68. package/styles/card/highcontrast.scss +1 -0
  69. package/styles/card/material-dark.css +135 -135
  70. package/styles/card/material-dark.scss +1 -0
  71. package/styles/card/material.css +135 -135
  72. package/styles/card/material.scss +1 -0
  73. package/styles/card/material3-dark.css +135 -135
  74. package/styles/card/material3-dark.scss +1 -0
  75. package/styles/card/material3.css +135 -135
  76. package/styles/card/material3.scss +1 -0
  77. package/styles/card/tailwind-dark.css +135 -135
  78. package/styles/card/tailwind-dark.scss +1 -0
  79. package/styles/card/tailwind.css +135 -135
  80. package/styles/card/tailwind.scss +1 -0
  81. package/styles/dashboard-layout/_bigger.scss +39 -0
  82. package/styles/dashboard-layout/_bootstrap5.3-definition.scss +5 -5
  83. package/styles/dashboard-layout/_fluent2-definition.scss +3 -4
  84. package/styles/dashboard-layout/_layout.scss +0 -32
  85. package/styles/dashboard-layout/_theme.scss +0 -6
  86. package/styles/dashboard-layout/bootstrap-dark.css +14 -13
  87. package/styles/dashboard-layout/bootstrap-dark.scss +1 -0
  88. package/styles/dashboard-layout/bootstrap.css +14 -13
  89. package/styles/dashboard-layout/bootstrap.scss +1 -0
  90. package/styles/dashboard-layout/bootstrap4.css +14 -13
  91. package/styles/dashboard-layout/bootstrap4.scss +1 -0
  92. package/styles/dashboard-layout/bootstrap5-dark.css +14 -13
  93. package/styles/dashboard-layout/bootstrap5-dark.scss +1 -0
  94. package/styles/dashboard-layout/bootstrap5.3.css +300 -0
  95. package/styles/dashboard-layout/bootstrap5.3.scss +5 -0
  96. package/styles/dashboard-layout/bootstrap5.css +14 -13
  97. package/styles/dashboard-layout/bootstrap5.scss +1 -0
  98. package/styles/dashboard-layout/fabric-dark.css +14 -13
  99. package/styles/dashboard-layout/fabric-dark.scss +1 -0
  100. package/styles/dashboard-layout/fabric.css +14 -13
  101. package/styles/dashboard-layout/fabric.scss +1 -0
  102. package/styles/dashboard-layout/fluent-dark.css +14 -13
  103. package/styles/dashboard-layout/fluent-dark.scss +1 -0
  104. package/styles/dashboard-layout/fluent.css +14 -13
  105. package/styles/dashboard-layout/fluent.scss +1 -0
  106. package/styles/dashboard-layout/fluent2.css +18 -17
  107. package/styles/dashboard-layout/fluent2.scss +1 -0
  108. package/styles/dashboard-layout/highcontrast-light.css +14 -13
  109. package/styles/dashboard-layout/highcontrast-light.scss +1 -0
  110. package/styles/dashboard-layout/highcontrast.css +14 -13
  111. package/styles/dashboard-layout/highcontrast.scss +1 -0
  112. package/styles/dashboard-layout/material-dark.css +14 -13
  113. package/styles/dashboard-layout/material-dark.scss +1 -0
  114. package/styles/dashboard-layout/material.css +14 -13
  115. package/styles/dashboard-layout/material.scss +1 -0
  116. package/styles/dashboard-layout/material3-dark.css +14 -13
  117. package/styles/dashboard-layout/material3-dark.scss +1 -0
  118. package/styles/dashboard-layout/material3.css +14 -13
  119. package/styles/dashboard-layout/material3.scss +1 -0
  120. package/styles/dashboard-layout/tailwind-dark.css +21 -19
  121. package/styles/dashboard-layout/tailwind-dark.scss +1 -0
  122. package/styles/dashboard-layout/tailwind.css +21 -19
  123. package/styles/dashboard-layout/tailwind.scss +1 -0
  124. package/styles/fabric-dark-lite.css +1521 -0
  125. package/styles/fabric-dark-lite.scss +14 -0
  126. package/styles/fabric-dark.css +213 -211
  127. package/styles/fabric-dark.scss +5 -1
  128. package/styles/fabric-lite.css +1531 -0
  129. package/styles/fabric-lite.scss +14 -0
  130. package/styles/fabric.css +214 -212
  131. package/styles/fabric.scss +5 -1
  132. package/styles/fluent-dark-lite.css +1546 -0
  133. package/styles/fluent-dark-lite.scss +14 -0
  134. package/styles/fluent-dark.css +221 -219
  135. package/styles/fluent-dark.scss +5 -1
  136. package/styles/fluent-lite.css +1546 -0
  137. package/styles/fluent-lite.scss +14 -0
  138. package/styles/fluent.css +221 -219
  139. package/styles/fluent.scss +5 -1
  140. package/styles/fluent2-lite.css +1545 -0
  141. package/styles/fluent2-lite.scss +14 -0
  142. package/styles/fluent2.css +225 -219
  143. package/styles/fluent2.scss +5 -1
  144. package/styles/highcontrast-light-lite.css +1458 -0
  145. package/styles/highcontrast-light-lite.scss +13 -0
  146. package/styles/highcontrast-light.css +213 -211
  147. package/styles/highcontrast-light.scss +5 -1
  148. package/styles/highcontrast-lite.css +1530 -0
  149. package/styles/highcontrast-lite.scss +14 -0
  150. package/styles/highcontrast.css +214 -212
  151. package/styles/highcontrast.scss +5 -1
  152. package/styles/material-dark-lite.css +1519 -0
  153. package/styles/material-dark-lite.scss +14 -0
  154. package/styles/material-dark.css +213 -211
  155. package/styles/material-dark.scss +5 -1
  156. package/styles/material-lite.css +1521 -0
  157. package/styles/material-lite.scss +14 -0
  158. package/styles/material.css +213 -211
  159. package/styles/material.scss +5 -1
  160. package/styles/material3-dark-lite.css +1536 -0
  161. package/styles/material3-dark-lite.scss +14 -0
  162. package/styles/material3-dark.css +213 -211
  163. package/styles/material3-dark.scss +5 -1
  164. package/styles/material3-lite.css +1538 -0
  165. package/styles/material3-lite.scss +14 -0
  166. package/styles/material3.css +213 -211
  167. package/styles/material3.scss +5 -1
  168. package/styles/splitter/_bigger.scss +78 -0
  169. package/styles/splitter/_layout.scss +0 -58
  170. package/styles/splitter/bootstrap-dark.css +40 -41
  171. package/styles/splitter/bootstrap-dark.scss +1 -0
  172. package/styles/splitter/bootstrap.css +40 -41
  173. package/styles/splitter/bootstrap.scss +1 -0
  174. package/styles/splitter/bootstrap4.css +40 -41
  175. package/styles/splitter/bootstrap4.scss +1 -0
  176. package/styles/splitter/bootstrap5-dark.css +40 -41
  177. package/styles/splitter/bootstrap5-dark.scss +1 -0
  178. package/styles/splitter/bootstrap5.3.css +547 -0
  179. package/styles/splitter/bootstrap5.3.scss +5 -0
  180. package/styles/splitter/bootstrap5.css +40 -41
  181. package/styles/splitter/bootstrap5.scss +1 -0
  182. package/styles/splitter/fabric-dark.css +40 -41
  183. package/styles/splitter/fabric-dark.scss +1 -0
  184. package/styles/splitter/fabric.css +40 -41
  185. package/styles/splitter/fabric.scss +1 -0
  186. package/styles/splitter/fluent-dark.css +40 -41
  187. package/styles/splitter/fluent-dark.scss +1 -0
  188. package/styles/splitter/fluent.css +40 -41
  189. package/styles/splitter/fluent.scss +1 -0
  190. package/styles/splitter/fluent2.css +40 -41
  191. package/styles/splitter/fluent2.scss +1 -0
  192. package/styles/splitter/highcontrast-light.css +40 -41
  193. package/styles/splitter/highcontrast-light.scss +1 -0
  194. package/styles/splitter/highcontrast.css +40 -41
  195. package/styles/splitter/highcontrast.scss +1 -0
  196. package/styles/splitter/icons/_bds.scss +0 -18
  197. package/styles/splitter/icons/_bootstrap-dark.scss +0 -18
  198. package/styles/splitter/icons/_bootstrap.scss +0 -18
  199. package/styles/splitter/icons/_bootstrap4.scss +0 -18
  200. package/styles/splitter/icons/_bootstrap5.3.scss +0 -18
  201. package/styles/splitter/icons/_bootstrap5.scss +0 -18
  202. package/styles/splitter/icons/_fabric-dark.scss +0 -18
  203. package/styles/splitter/icons/_fabric.scss +0 -18
  204. package/styles/splitter/icons/_fluent.scss +0 -18
  205. package/styles/splitter/icons/_fluent2.scss +0 -18
  206. package/styles/splitter/icons/_fusionnew.scss +0 -18
  207. package/styles/splitter/icons/_highcontrast-light.scss +0 -18
  208. package/styles/splitter/icons/_highcontrast.scss +0 -18
  209. package/styles/splitter/icons/_material-dark.scss +0 -18
  210. package/styles/splitter/icons/_material.scss +0 -18
  211. package/styles/splitter/icons/_material3.scss +0 -18
  212. package/styles/splitter/icons/_tailwind.scss +0 -18
  213. package/styles/splitter/material-dark.css +40 -41
  214. package/styles/splitter/material-dark.scss +1 -0
  215. package/styles/splitter/material.css +40 -41
  216. package/styles/splitter/material.scss +1 -0
  217. package/styles/splitter/material3-dark.css +40 -41
  218. package/styles/splitter/material3-dark.scss +1 -0
  219. package/styles/splitter/material3.css +40 -41
  220. package/styles/splitter/material3.scss +1 -0
  221. package/styles/splitter/tailwind-dark.css +40 -41
  222. package/styles/splitter/tailwind-dark.scss +1 -0
  223. package/styles/splitter/tailwind.css +40 -41
  224. package/styles/splitter/tailwind.scss +1 -0
  225. package/styles/tailwind-dark-lite.css +1546 -0
  226. package/styles/tailwind-dark-lite.scss +14 -0
  227. package/styles/tailwind-dark.css +220 -217
  228. package/styles/tailwind-dark.scss +5 -1
  229. package/styles/tailwind-lite.css +1546 -0
  230. package/styles/tailwind-lite.scss +14 -0
  231. package/styles/tailwind.css +220 -217
  232. package/styles/tailwind.scss +5 -1
  233. package/styles/timeline/_bigger.scss +48 -0
  234. package/styles/timeline/_layout.scss +6 -42
  235. package/styles/timeline/_theme.scss +13 -1
  236. package/styles/timeline/bootstrap-dark.css +24 -23
  237. package/styles/timeline/bootstrap-dark.scss +1 -0
  238. package/styles/timeline/bootstrap.css +24 -23
  239. package/styles/timeline/bootstrap.scss +1 -0
  240. package/styles/timeline/bootstrap4.css +24 -23
  241. package/styles/timeline/bootstrap4.scss +1 -0
  242. package/styles/timeline/bootstrap5-dark.css +24 -23
  243. package/styles/timeline/bootstrap5-dark.scss +1 -0
  244. package/styles/timeline/bootstrap5.3.css +303 -0
  245. package/styles/timeline/bootstrap5.3.scss +4 -0
  246. package/styles/timeline/bootstrap5.css +24 -23
  247. package/styles/timeline/bootstrap5.scss +1 -0
  248. package/styles/timeline/fabric-dark.css +24 -23
  249. package/styles/timeline/fabric-dark.scss +1 -0
  250. package/styles/timeline/fabric.css +24 -23
  251. package/styles/timeline/fabric.scss +1 -0
  252. package/styles/timeline/fluent-dark.css +24 -23
  253. package/styles/timeline/fluent-dark.scss +1 -0
  254. package/styles/timeline/fluent.css +24 -23
  255. package/styles/timeline/fluent.scss +1 -0
  256. package/styles/timeline/fluent2.css +29 -24
  257. package/styles/timeline/fluent2.scss +1 -0
  258. package/styles/timeline/highcontrast-light.css +24 -23
  259. package/styles/timeline/highcontrast-light.scss +1 -0
  260. package/styles/timeline/highcontrast.css +24 -23
  261. package/styles/timeline/highcontrast.scss +1 -0
  262. package/styles/timeline/material-dark.css +24 -23
  263. package/styles/timeline/material-dark.scss +1 -0
  264. package/styles/timeline/material.css +24 -23
  265. package/styles/timeline/material.scss +1 -0
  266. package/styles/timeline/material3-dark.css +24 -23
  267. package/styles/timeline/material3-dark.scss +1 -0
  268. package/styles/timeline/material3.css +24 -23
  269. package/styles/timeline/material3.scss +1 -0
  270. package/styles/timeline/tailwind-dark.css +24 -23
  271. package/styles/timeline/tailwind-dark.scss +1 -0
  272. package/styles/timeline/tailwind.css +24 -23
  273. package/styles/timeline/tailwind.scss +1 -0
  274. package/hotfix/26.1.35_Vol2.txt +0 -1
package/styles/card/fabric.css CHANGED
@@ -1,140 +1,4 @@
1
1
  /*! component's theme wise override material-definitions and variables */
2
- .e-bigger .e-card,
3
- .e-bigger.e-card {
4
- line-height: 45px;
5
- min-height: 45px;
6
- }
7
- .e-bigger .e-card > .e-card-header-title,
8
- .e-bigger.e-card > .e-card-header-title {
9
- line-height: normal;
10
- padding: 16px;
11
- min-height: 45px;
12
- }
13
- .e-bigger .e-card > .e-card-header-title + :not(.e-card-header-title),
14
- .e-bigger.e-card > .e-card-header-title + :not(.e-card-header-title) {
15
- margin-top: 0;
16
- padding-top: 0;
17
- }
18
- .e-bigger .e-card > .e-card-title,
19
- .e-bigger.e-card > .e-card-title {
20
- line-height: normal;
21
- padding: 16px;
22
- }
23
- .e-bigger .e-card > .e-card-title + :not(.e-card-title),
24
- .e-bigger.e-card > .e-card-title + :not(.e-card-title) {
25
- margin-top: 0;
26
- padding-top: 0;
27
- }
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
- .e-bigger.e-card .e-card-horizontal .e-card-image,
35
- .e-bigger.e-card .e-card-horizontal img {
36
- margin: 2px;
37
- }
38
- .e-bigger .e-card .e-card-header,
39
- .e-bigger.e-card .e-card-header {
40
- min-height: 30px;
41
- padding: 16px;
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 10px;
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: 14px;
59
- line-height: normal;
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: 14px;
64
- line-height: normal;
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: 40px;
71
- width: 40px;
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: 17px;
80
- line-height: 36px;
81
- min-height: 36px;
82
- padding: 0 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;
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 10px 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: 36px;
116
- margin: 0 0 0 10px;
117
- min-height: 36px;
118
- padding: 0 6px;
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
2
  .e-card {
139
3
  border-radius: 4px;
140
4
  -webkit-box-sizing: border-box;
@@ -564,4 +428,140 @@
564
428
  }
565
429
  .e-card .e-card-content {
566
430
  color: #767676;
431
+ }
432
+
433
+ .e-bigger .e-card,
434
+ .e-bigger.e-card {
435
+ line-height: 45px;
436
+ min-height: 45px;
437
+ }
438
+ .e-bigger .e-card > .e-card-header-title,
439
+ .e-bigger.e-card > .e-card-header-title {
440
+ line-height: normal;
441
+ padding: 16px;
442
+ min-height: 45px;
443
+ }
444
+ .e-bigger .e-card > .e-card-header-title + :not(.e-card-header-title),
445
+ .e-bigger.e-card > .e-card-header-title + :not(.e-card-header-title) {
446
+ margin-top: 0;
447
+ padding-top: 0;
448
+ }
449
+ .e-bigger .e-card > .e-card-title,
450
+ .e-bigger.e-card > .e-card-title {
451
+ line-height: normal;
452
+ padding: 16px;
453
+ }
454
+ .e-bigger .e-card > .e-card-title + :not(.e-card-title),
455
+ .e-bigger.e-card > .e-card-title + :not(.e-card-title) {
456
+ margin-top: 0;
457
+ padding-top: 0;
458
+ }
459
+ .e-bigger .e-card.e-card-horizontal .e-card-image,
460
+ .e-bigger .e-card.e-card-horizontal img,
461
+ .e-bigger .e-card .e-card-horizontal .e-card-image,
462
+ .e-bigger .e-card .e-card-horizontal img,
463
+ .e-bigger.e-card.e-card-horizontal .e-card-image,
464
+ .e-bigger.e-card.e-card-horizontal img,
465
+ .e-bigger.e-card .e-card-horizontal .e-card-image,
466
+ .e-bigger.e-card .e-card-horizontal img {
467
+ margin: 2px;
468
+ }
469
+ .e-bigger .e-card .e-card-header,
470
+ .e-bigger.e-card .e-card-header {
471
+ min-height: 30px;
472
+ padding: 16px;
473
+ }
474
+ .e-bigger .e-card .e-card-header .e-card-content,
475
+ .e-bigger.e-card .e-card-header .e-card-content {
476
+ padding-left: 0;
477
+ padding-right: 0;
478
+ }
479
+ .e-bigger .e-card .e-card-header .e-card-header-caption,
480
+ .e-bigger.e-card .e-card-header .e-card-header-caption {
481
+ padding: 0 0 0 10px;
482
+ }
483
+ .e-bigger .e-card .e-card-header .e-card-header-caption:first-child,
484
+ .e-bigger.e-card .e-card-header .e-card-header-caption:first-child {
485
+ padding: 0;
486
+ }
487
+ .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-header-title,
488
+ .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-header-title {
489
+ font-size: 14px;
490
+ line-height: normal;
491
+ }
492
+ .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
493
+ .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
494
+ font-size: 14px;
495
+ line-height: normal;
496
+ padding: 8px 0 0;
497
+ }
498
+ .e-bigger .e-card .e-card-header .e-card-header-image,
499
+ .e-bigger.e-card .e-card-header .e-card-header-image {
500
+ background-size: cover;
501
+ height: 40px;
502
+ width: 40px;
503
+ }
504
+ .e-bigger .e-card .e-card-image,
505
+ .e-bigger.e-card .e-card-image {
506
+ min-height: 150px;
507
+ }
508
+ .e-bigger .e-card .e-card-image .e-card-title,
509
+ .e-bigger.e-card .e-card-image .e-card-title {
510
+ font-size: 17px;
511
+ line-height: 36px;
512
+ min-height: 36px;
513
+ padding: 0 16px;
514
+ }
515
+ .e-bigger .e-card .e-card-actions,
516
+ .e-bigger.e-card .e-card-actions {
517
+ padding: 16px;
518
+ }
519
+ .e-bigger .e-card .e-card-actions.e-card-vertical,
520
+ .e-bigger.e-card .e-card-actions.e-card-vertical {
521
+ padding: 16px;
522
+ }
523
+ .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn,
524
+ .e-bigger .e-card .e-card-actions.e-card-vertical a,
525
+ .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn,
526
+ .e-bigger.e-card .e-card-actions.e-card-vertical a {
527
+ margin: 0 0 10px 0;
528
+ }
529
+ .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
530
+ .e-bigger .e-card .e-card-actions.e-card-vertical a:last-child,
531
+ .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
532
+ .e-bigger.e-card .e-card-actions.e-card-vertical a:last-child {
533
+ margin-bottom: 0;
534
+ }
535
+ .e-bigger .e-card .e-card-actions .e-card-btn span,
536
+ .e-bigger .e-card .e-card-actions .e-card-btn span.e-icons,
537
+ .e-bigger.e-card .e-card-actions .e-card-btn span,
538
+ .e-bigger.e-card .e-card-actions .e-card-btn span.e-icons {
539
+ height: 24px;
540
+ width: 24px;
541
+ }
542
+ .e-bigger .e-card .e-card-actions .e-card-btn,
543
+ .e-bigger .e-card .e-card-actions a,
544
+ .e-bigger.e-card .e-card-actions .e-card-btn,
545
+ .e-bigger.e-card .e-card-actions a {
546
+ line-height: 36px;
547
+ margin: 0 0 0 10px;
548
+ min-height: 36px;
549
+ padding: 0 6px;
550
+ }
551
+ .e-bigger .e-card .e-card-actions .e-card-btn:first-child,
552
+ .e-bigger .e-card .e-card-actions a:first-child,
553
+ .e-bigger.e-card .e-card-actions .e-card-btn:first-child,
554
+ .e-bigger.e-card .e-card-actions a:first-child {
555
+ margin-left: 0;
556
+ }
557
+ .e-bigger .e-card .e-card-content,
558
+ .e-bigger.e-card .e-card-content {
559
+ padding: 16px;
560
+ }
561
+ .e-bigger .e-card .e-card-content + :not(.e-card-content),
562
+ .e-bigger .e-card .e-card-content + .e-card-actions.e-card-vertical,
563
+ .e-bigger.e-card .e-card-content + :not(.e-card-content),
564
+ .e-bigger.e-card .e-card-content + .e-card-actions.e-card-vertical {
565
+ margin-top: 0;
566
+ padding-top: 0;
567
567
  }
package/styles/card/fabric.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'fabric-definition.scss';
3
3
  @import 'all.scss';
4
+ @import 'bigger.scss';
package/styles/card/fluent-dark.css CHANGED
@@ -1,146 +1,3 @@
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: 20px 20px 0 20px;
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: 20px;
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: 0;
35
- }
36
- .e-bigger .e-card .e-card-header,
37
- .e-bigger.e-card .e-card-header {
38
- min-height: 30px;
39
- padding: 20px 20px 0 20px;
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 16px;
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: 18px;
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: 14px;
62
- line-height: 1.5;
63
- padding: 8px 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: 40px;
69
- width: 40px;
70
- }
71
- .e-bigger .e-card .e-card-header + .e-card-header,
72
- .e-bigger.e-card .e-card-header + .e-card-header {
73
- padding: 20px;
74
- }
75
- .e-bigger .e-card .e-card-image,
76
- .e-bigger.e-card .e-card-image {
77
- min-height: 150px;
78
- }
79
- .e-bigger .e-card .e-card-image .e-card-title,
80
- .e-bigger.e-card .e-card-image .e-card-title {
81
- font-size: 18px;
82
- line-height: 1.25;
83
- min-height: 40px;
84
- padding: 12px 20px;
85
- }
86
- .e-bigger .e-card .e-card-actions,
87
- .e-bigger.e-card .e-card-actions {
88
- padding: 20px;
89
- }
90
- .e-bigger .e-card .e-card-actions.e-card-vertical,
91
- .e-bigger.e-card .e-card-actions.e-card-vertical {
92
- padding: 16px;
93
- }
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
- .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn,
97
- .e-bigger.e-card .e-card-actions.e-card-vertical a {
98
- margin: 0 0 7px 0;
99
- }
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
- .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
103
- .e-bigger.e-card .e-card-actions.e-card-vertical a:last-child {
104
- margin-bottom: 0;
105
- }
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
- .e-bigger.e-card .e-card-actions .e-card-btn span,
109
- .e-bigger.e-card .e-card-actions .e-card-btn span.e-icons {
110
- height: 24px;
111
- width: 24px;
112
- }
113
- .e-bigger .e-card .e-card-actions .e-card-btn,
114
- .e-bigger .e-card .e-card-actions a,
115
- .e-bigger.e-card .e-card-actions .e-card-btn,
116
- .e-bigger.e-card .e-card-actions a {
117
- line-height: 38px;
118
- margin: 0 0 0 13px;
119
- min-height: 38px;
120
- padding: 0 6px;
121
- }
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
- .e-bigger.e-card .e-card-actions .e-card-btn:first-child,
125
- .e-bigger.e-card .e-card-actions a:first-child {
126
- margin-left: 0;
127
- }
128
- .e-bigger .e-card .e-card-content,
129
- .e-bigger.e-card .e-card-content {
130
- padding: 20px;
131
- }
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
- .e-bigger.e-card .e-card-content + :not(.e-card-content),
135
- .e-bigger.e-card .e-card-content + .e-card-actions.e-card-vertical {
136
- margin-top: 0;
137
- padding-top: 0;
138
- }
139
- .e-bigger .e-card .e-card-content + .e-card-header,
140
- .e-bigger.e-card .e-card-content + .e-card-header {
141
- padding: 20px;
142
- }
143
-
144
1
  .e-card {
145
2
  border-radius: 2px;
146
3
  -webkit-box-sizing: border-box;
@@ -576,4 +433,147 @@
576
433
  border: 1px solid #3b3a39;
577
434
  -webkit-box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
578
435
  box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, 0.132), 0 1.2px 3.6px 0 rgba(0, 0, 0, 0.108);
436
+ }
437
+
438
+ .e-bigger .e-card,
439
+ .e-bigger.e-card {
440
+ line-height: 48px;
441
+ min-height: 48px;
442
+ }
443
+ .e-bigger .e-card > .e-card-header-title,
444
+ .e-bigger.e-card > .e-card-header-title {
445
+ line-height: 1.5;
446
+ padding: 20px 20px 0 20px;
447
+ }
448
+ .e-bigger .e-card > .e-card-header-title + :not(.e-card-header-title),
449
+ .e-bigger.e-card > .e-card-header-title + :not(.e-card-header-title) {
450
+ margin-top: 0;
451
+ padding-top: 0;
452
+ }
453
+ .e-bigger .e-card > .e-card-title,
454
+ .e-bigger.e-card > .e-card-title {
455
+ line-height: 1.5;
456
+ padding: 20px;
457
+ }
458
+ .e-bigger .e-card > .e-card-title + :not(.e-card-title),
459
+ .e-bigger.e-card > .e-card-title + :not(.e-card-title) {
460
+ margin-top: 0;
461
+ padding-top: 0;
462
+ }
463
+ .e-bigger .e-card.e-card-horizontal .e-card-image,
464
+ .e-bigger .e-card.e-card-horizontal img,
465
+ .e-bigger .e-card .e-card-horizontal .e-card-image,
466
+ .e-bigger .e-card .e-card-horizontal img,
467
+ .e-bigger.e-card.e-card-horizontal .e-card-image,
468
+ .e-bigger.e-card.e-card-horizontal img,
469
+ .e-bigger.e-card .e-card-horizontal .e-card-image,
470
+ .e-bigger.e-card .e-card-horizontal img {
471
+ margin: 0;
472
+ }
473
+ .e-bigger .e-card .e-card-header,
474
+ .e-bigger.e-card .e-card-header {
475
+ min-height: 30px;
476
+ padding: 20px 20px 0 20px;
477
+ }
478
+ .e-bigger .e-card .e-card-header .e-card-content,
479
+ .e-bigger.e-card .e-card-header .e-card-content {
480
+ padding-left: 0;
481
+ padding-right: 0;
482
+ }
483
+ .e-bigger .e-card .e-card-header .e-card-header-caption,
484
+ .e-bigger.e-card .e-card-header .e-card-header-caption {
485
+ padding: 0 0 0 16px;
486
+ }
487
+ .e-bigger .e-card .e-card-header .e-card-header-caption:first-child,
488
+ .e-bigger.e-card .e-card-header .e-card-header-caption:first-child {
489
+ padding: 0;
490
+ }
491
+ .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-header-title,
492
+ .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-header-title {
493
+ font-size: 18px;
494
+ line-height: 1.5;
495
+ }
496
+ .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
497
+ .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
498
+ font-size: 14px;
499
+ line-height: 1.5;
500
+ padding: 8px 0 0;
501
+ }
502
+ .e-bigger .e-card .e-card-header .e-card-header-image,
503
+ .e-bigger.e-card .e-card-header .e-card-header-image {
504
+ background-size: cover;
505
+ height: 40px;
506
+ width: 40px;
507
+ }
508
+ .e-bigger .e-card .e-card-header + .e-card-header,
509
+ .e-bigger.e-card .e-card-header + .e-card-header {
510
+ padding: 20px;
511
+ }
512
+ .e-bigger .e-card .e-card-image,
513
+ .e-bigger.e-card .e-card-image {
514
+ min-height: 150px;
515
+ }
516
+ .e-bigger .e-card .e-card-image .e-card-title,
517
+ .e-bigger.e-card .e-card-image .e-card-title {
518
+ font-size: 18px;
519
+ line-height: 1.25;
520
+ min-height: 40px;
521
+ padding: 12px 20px;
522
+ }
523
+ .e-bigger .e-card .e-card-actions,
524
+ .e-bigger.e-card .e-card-actions {
525
+ padding: 20px;
526
+ }
527
+ .e-bigger .e-card .e-card-actions.e-card-vertical,
528
+ .e-bigger.e-card .e-card-actions.e-card-vertical {
529
+ padding: 16px;
530
+ }
531
+ .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn,
532
+ .e-bigger .e-card .e-card-actions.e-card-vertical a,
533
+ .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn,
534
+ .e-bigger.e-card .e-card-actions.e-card-vertical a {
535
+ margin: 0 0 7px 0;
536
+ }
537
+ .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
538
+ .e-bigger .e-card .e-card-actions.e-card-vertical a:last-child,
539
+ .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
540
+ .e-bigger.e-card .e-card-actions.e-card-vertical a:last-child {
541
+ margin-bottom: 0;
542
+ }
543
+ .e-bigger .e-card .e-card-actions .e-card-btn span,
544
+ .e-bigger .e-card .e-card-actions .e-card-btn span.e-icons,
545
+ .e-bigger.e-card .e-card-actions .e-card-btn span,
546
+ .e-bigger.e-card .e-card-actions .e-card-btn span.e-icons {
547
+ height: 24px;
548
+ width: 24px;
549
+ }
550
+ .e-bigger .e-card .e-card-actions .e-card-btn,
551
+ .e-bigger .e-card .e-card-actions a,
552
+ .e-bigger.e-card .e-card-actions .e-card-btn,
553
+ .e-bigger.e-card .e-card-actions a {
554
+ line-height: 38px;
555
+ margin: 0 0 0 13px;
556
+ min-height: 38px;
557
+ padding: 0 6px;
558
+ }
559
+ .e-bigger .e-card .e-card-actions .e-card-btn:first-child,
560
+ .e-bigger .e-card .e-card-actions a:first-child,
561
+ .e-bigger.e-card .e-card-actions .e-card-btn:first-child,
562
+ .e-bigger.e-card .e-card-actions a:first-child {
563
+ margin-left: 0;
564
+ }
565
+ .e-bigger .e-card .e-card-content,
566
+ .e-bigger.e-card .e-card-content {
567
+ padding: 20px;
568
+ }
569
+ .e-bigger .e-card .e-card-content + :not(.e-card-content),
570
+ .e-bigger .e-card .e-card-content + .e-card-actions.e-card-vertical,
571
+ .e-bigger.e-card .e-card-content + :not(.e-card-content),
572
+ .e-bigger.e-card .e-card-content + .e-card-actions.e-card-vertical {
573
+ margin-top: 0;
574
+ padding-top: 0;
575
+ }
576
+ .e-bigger .e-card .e-card-content + .e-card-header,
577
+ .e-bigger.e-card .e-card-content + .e-card-header {
578
+ padding: 20px;
579
579
  }
package/styles/card/fluent-dark.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'fluent-dark-definition.scss';
3
3
  @import 'all.scss';
4
+ @import 'bigger.scss';