@syncfusion/ej2-layouts 26.2.10 → 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/fluent.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 #d2d0ce;
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.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'fluent-definition.scss';
3
3
  @import 'all.scss';
4
+ @import 'bigger.scss';
package/styles/card/fluent2.css CHANGED
@@ -4,144 +4,6 @@
4
4
 
5
5
 
6
6
 
7
- .e-bigger .e-card,
8
- .e-bigger.e-card {
9
- line-height: 48px;
10
- min-height: 48px;
11
- }
12
- .e-bigger .e-card > .e-card-header-title,
13
- .e-bigger.e-card > .e-card-header-title {
14
- line-height: 1.5;
15
- padding: 16px;
16
- }
17
- .e-bigger .e-card > .e-card-header-title + :not(.e-card-header-title),
18
- .e-bigger.e-card > .e-card-header-title + :not(.e-card-header-title) {
19
- margin-top: 0;
20
- padding-top: 0;
21
- }
22
- .e-bigger .e-card > .e-card-title,
23
- .e-bigger.e-card > .e-card-title {
24
- line-height: 1.5;
25
- padding: 8px 24px 16px 24px;
26
- }
27
- .e-bigger .e-card > .e-card-title + :not(.e-card-title),
28
- .e-bigger.e-card > .e-card-title + :not(.e-card-title) {
29
- margin-top: 0;
30
- padding-top: 0;
31
- }
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
- .e-bigger.e-card.e-card-horizontal .e-card-image,
37
- .e-bigger.e-card.e-card-horizontal img,
38
- .e-bigger.e-card .e-card-horizontal .e-card-image,
39
- .e-bigger.e-card .e-card-horizontal img {
40
- margin: 2px;
41
- }
42
- .e-bigger .e-card .e-card-header,
43
- .e-bigger.e-card .e-card-header {
44
- min-height: 30px;
45
- padding: 16px;
46
- }
47
- .e-bigger .e-card .e-card-header .e-card-content,
48
- .e-bigger.e-card .e-card-header .e-card-content {
49
- padding-left: 0;
50
- padding-right: 0;
51
- }
52
- .e-bigger .e-card .e-card-header .e-card-header-caption,
53
- .e-bigger.e-card .e-card-header .e-card-header-caption {
54
- padding: 0 0 0 24px;
55
- }
56
- .e-bigger .e-card .e-card-header .e-card-header-caption:first-child,
57
- .e-bigger.e-card .e-card-header .e-card-header-caption:first-child {
58
- padding: 0;
59
- }
60
- .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-header-title,
61
- .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-header-title {
62
- font-size: 16px;
63
- line-height: 1.5;
64
- font-weight: 600;
65
- }
66
- .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
67
- .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
68
- font-size: 14px;
69
- line-height: 1.5;
70
- padding: 4px 0 0;
71
- }
72
- .e-bigger .e-card .e-card-header .e-card-header-image,
73
- .e-bigger.e-card .e-card-header .e-card-header-image {
74
- background-size: cover;
75
- height: 50px;
76
- width: 46px;
77
- }
78
- .e-bigger .e-card .e-card-image,
79
- .e-bigger.e-card .e-card-image {
80
- min-height: 150px;
81
- }
82
- .e-bigger .e-card .e-card-image .e-card-title,
83
- .e-bigger.e-card .e-card-image .e-card-title {
84
- font-size: 16px;
85
- line-height: 1.25;
86
- min-height: 40px;
87
- padding: 12px 16px;
88
- font-weight: 600;
89
- }
90
- .e-bigger .e-card .e-card-actions,
91
- .e-bigger.e-card .e-card-actions {
92
- padding: 16px 16px;
93
- }
94
- .e-bigger .e-card .e-card-actions.e-card-vertical,
95
- .e-bigger.e-card .e-card-actions.e-card-vertical {
96
- padding: 12px 24px 24px 24px;
97
- }
98
- .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn,
99
- .e-bigger .e-card .e-card-actions.e-card-vertical a,
100
- .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn,
101
- .e-bigger.e-card .e-card-actions.e-card-vertical a {
102
- margin: 0 0 8px 0;
103
- }
104
- .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
105
- .e-bigger .e-card .e-card-actions.e-card-vertical a:last-child,
106
- .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
107
- .e-bigger.e-card .e-card-actions.e-card-vertical a:last-child {
108
- margin-bottom: 0;
109
- }
110
- .e-bigger .e-card .e-card-actions .e-card-btn span,
111
- .e-bigger .e-card .e-card-actions .e-card-btn span.e-icons,
112
- .e-bigger.e-card .e-card-actions .e-card-btn span,
113
- .e-bigger.e-card .e-card-actions .e-card-btn span.e-icons {
114
- height: 24px;
115
- width: 24px;
116
- }
117
- .e-bigger .e-card .e-card-actions .e-card-btn,
118
- .e-bigger .e-card .e-card-actions a,
119
- .e-bigger.e-card .e-card-actions .e-card-btn,
120
- .e-bigger.e-card .e-card-actions a {
121
- line-height: 38px;
122
- margin: 0 0 0 8px;
123
- min-height: 38px;
124
- padding: 0 6px;
125
- }
126
- .e-bigger .e-card .e-card-actions .e-card-btn:first-child,
127
- .e-bigger .e-card .e-card-actions a:first-child,
128
- .e-bigger.e-card .e-card-actions .e-card-btn:first-child,
129
- .e-bigger.e-card .e-card-actions a:first-child {
130
- margin-left: 0;
131
- }
132
- .e-bigger .e-card .e-card-content,
133
- .e-bigger.e-card .e-card-content {
134
- padding: 0 16px 16px 16px;
135
- font-size: 16px;
136
- }
137
- .e-bigger .e-card .e-card-content + :not(.e-card-content),
138
- .e-bigger .e-card .e-card-content + .e-card-actions.e-card-vertical,
139
- .e-bigger.e-card .e-card-content + :not(.e-card-content),
140
- .e-bigger.e-card .e-card-content + .e-card-actions.e-card-vertical {
141
- margin-top: 0;
142
- padding-top: 0;
143
- }
144
-
145
7
  .e-card {
146
8
  border-radius: 6px;
147
9
  -webkit-box-sizing: border-box;
@@ -562,4 +424,142 @@
562
424
  }
563
425
  .e-card .e-card-content {
564
426
  color: var(--color-sf-content-text-color-alt1);
427
+ }
428
+
429
+ .e-bigger .e-card,
430
+ .e-bigger.e-card {
431
+ line-height: 48px;
432
+ min-height: 48px;
433
+ }
434
+ .e-bigger .e-card > .e-card-header-title,
435
+ .e-bigger.e-card > .e-card-header-title {
436
+ line-height: 1.5;
437
+ padding: 16px;
438
+ }
439
+ .e-bigger .e-card > .e-card-header-title + :not(.e-card-header-title),
440
+ .e-bigger.e-card > .e-card-header-title + :not(.e-card-header-title) {
441
+ margin-top: 0;
442
+ padding-top: 0;
443
+ }
444
+ .e-bigger .e-card > .e-card-title,
445
+ .e-bigger.e-card > .e-card-title {
446
+ line-height: 1.5;
447
+ padding: 8px 24px 16px 24px;
448
+ }
449
+ .e-bigger .e-card > .e-card-title + :not(.e-card-title),
450
+ .e-bigger.e-card > .e-card-title + :not(.e-card-title) {
451
+ margin-top: 0;
452
+ padding-top: 0;
453
+ }
454
+ .e-bigger .e-card.e-card-horizontal .e-card-image,
455
+ .e-bigger .e-card.e-card-horizontal img,
456
+ .e-bigger .e-card .e-card-horizontal .e-card-image,
457
+ .e-bigger .e-card .e-card-horizontal img,
458
+ .e-bigger.e-card.e-card-horizontal .e-card-image,
459
+ .e-bigger.e-card.e-card-horizontal img,
460
+ .e-bigger.e-card .e-card-horizontal .e-card-image,
461
+ .e-bigger.e-card .e-card-horizontal img {
462
+ margin: 2px;
463
+ }
464
+ .e-bigger .e-card .e-card-header,
465
+ .e-bigger.e-card .e-card-header {
466
+ min-height: 30px;
467
+ padding: 16px;
468
+ }
469
+ .e-bigger .e-card .e-card-header .e-card-content,
470
+ .e-bigger.e-card .e-card-header .e-card-content {
471
+ padding-left: 0;
472
+ padding-right: 0;
473
+ }
474
+ .e-bigger .e-card .e-card-header .e-card-header-caption,
475
+ .e-bigger.e-card .e-card-header .e-card-header-caption {
476
+ padding: 0 0 0 24px;
477
+ }
478
+ .e-bigger .e-card .e-card-header .e-card-header-caption:first-child,
479
+ .e-bigger.e-card .e-card-header .e-card-header-caption:first-child {
480
+ padding: 0;
481
+ }
482
+ .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-header-title,
483
+ .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-header-title {
484
+ font-size: 16px;
485
+ line-height: 1.5;
486
+ font-weight: 600;
487
+ }
488
+ .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
489
+ .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
490
+ font-size: 14px;
491
+ line-height: 1.5;
492
+ padding: 4px 0 0;
493
+ }
494
+ .e-bigger .e-card .e-card-header .e-card-header-image,
495
+ .e-bigger.e-card .e-card-header .e-card-header-image {
496
+ background-size: cover;
497
+ height: 50px;
498
+ width: 46px;
499
+ }
500
+ .e-bigger .e-card .e-card-image,
501
+ .e-bigger.e-card .e-card-image {
502
+ min-height: 150px;
503
+ }
504
+ .e-bigger .e-card .e-card-image .e-card-title,
505
+ .e-bigger.e-card .e-card-image .e-card-title {
506
+ font-size: 16px;
507
+ line-height: 1.25;
508
+ min-height: 40px;
509
+ padding: 12px 16px;
510
+ font-weight: 600;
511
+ }
512
+ .e-bigger .e-card .e-card-actions,
513
+ .e-bigger.e-card .e-card-actions {
514
+ padding: 16px 16px;
515
+ }
516
+ .e-bigger .e-card .e-card-actions.e-card-vertical,
517
+ .e-bigger.e-card .e-card-actions.e-card-vertical {
518
+ padding: 12px 24px 24px 24px;
519
+ }
520
+ .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn,
521
+ .e-bigger .e-card .e-card-actions.e-card-vertical a,
522
+ .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn,
523
+ .e-bigger.e-card .e-card-actions.e-card-vertical a {
524
+ margin: 0 0 8px 0;
525
+ }
526
+ .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
527
+ .e-bigger .e-card .e-card-actions.e-card-vertical a:last-child,
528
+ .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
529
+ .e-bigger.e-card .e-card-actions.e-card-vertical a:last-child {
530
+ margin-bottom: 0;
531
+ }
532
+ .e-bigger .e-card .e-card-actions .e-card-btn span,
533
+ .e-bigger .e-card .e-card-actions .e-card-btn span.e-icons,
534
+ .e-bigger.e-card .e-card-actions .e-card-btn span,
535
+ .e-bigger.e-card .e-card-actions .e-card-btn span.e-icons {
536
+ height: 24px;
537
+ width: 24px;
538
+ }
539
+ .e-bigger .e-card .e-card-actions .e-card-btn,
540
+ .e-bigger .e-card .e-card-actions a,
541
+ .e-bigger.e-card .e-card-actions .e-card-btn,
542
+ .e-bigger.e-card .e-card-actions a {
543
+ line-height: 38px;
544
+ margin: 0 0 0 8px;
545
+ min-height: 38px;
546
+ padding: 0 6px;
547
+ }
548
+ .e-bigger .e-card .e-card-actions .e-card-btn:first-child,
549
+ .e-bigger .e-card .e-card-actions a:first-child,
550
+ .e-bigger.e-card .e-card-actions .e-card-btn:first-child,
551
+ .e-bigger.e-card .e-card-actions a:first-child {
552
+ margin-left: 0;
553
+ }
554
+ .e-bigger .e-card .e-card-content,
555
+ .e-bigger.e-card .e-card-content {
556
+ padding: 0 16px 16px 16px;
557
+ font-size: 16px;
558
+ }
559
+ .e-bigger .e-card .e-card-content + :not(.e-card-content),
560
+ .e-bigger .e-card .e-card-content + .e-card-actions.e-card-vertical,
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
+ margin-top: 0;
564
+ padding-top: 0;
565
565
  }
package/styles/card/fluent2.scss CHANGED
@@ -1,3 +1,4 @@
1
1
  @import 'ej2-base/styles/definition/fluent2.scss';
2
2
  @import 'fluent2-definition.scss';
3
3
  @import 'all.scss';
4
+ @import 'bigger.scss';