@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/material3-dark.css CHANGED
@@ -1,140 +1,5 @@
1
1
 
2
2
 
3
- .e-bigger .e-card,
4
- .e-bigger.e-card {
5
- line-height: 48px;
6
- min-height: 48px;
7
- }
8
- .e-bigger .e-card > .e-card-header-title,
9
- .e-bigger.e-card > .e-card-header-title {
10
- line-height: 1.5;
11
- padding: 16px;
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: 1.5;
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 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: 16px;
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: 14px;
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: 16px;
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
3
  .e-card {
139
4
  border-radius: 12px;
140
5
  -webkit-box-sizing: border-box;
@@ -556,4 +421,139 @@
556
421
  }
557
422
  .e-card .e-card-content {
558
423
  color: rgba(var(--color-sf-on-surface));
424
+ }
425
+
426
+ .e-bigger .e-card,
427
+ .e-bigger.e-card {
428
+ line-height: 48px;
429
+ min-height: 48px;
430
+ }
431
+ .e-bigger .e-card > .e-card-header-title,
432
+ .e-bigger.e-card > .e-card-header-title {
433
+ line-height: 1.5;
434
+ padding: 16px;
435
+ }
436
+ .e-bigger .e-card > .e-card-header-title + :not(.e-card-header-title),
437
+ .e-bigger.e-card > .e-card-header-title + :not(.e-card-header-title) {
438
+ margin-top: 0;
439
+ padding-top: 0;
440
+ }
441
+ .e-bigger .e-card > .e-card-title,
442
+ .e-bigger.e-card > .e-card-title {
443
+ line-height: 1.5;
444
+ padding: 16px;
445
+ }
446
+ .e-bigger .e-card > .e-card-title + :not(.e-card-title),
447
+ .e-bigger.e-card > .e-card-title + :not(.e-card-title) {
448
+ margin-top: 0;
449
+ padding-top: 0;
450
+ }
451
+ .e-bigger .e-card.e-card-horizontal .e-card-image,
452
+ .e-bigger .e-card.e-card-horizontal img,
453
+ .e-bigger .e-card .e-card-horizontal .e-card-image,
454
+ .e-bigger .e-card .e-card-horizontal img,
455
+ .e-bigger.e-card.e-card-horizontal .e-card-image,
456
+ .e-bigger.e-card.e-card-horizontal img,
457
+ .e-bigger.e-card .e-card-horizontal .e-card-image,
458
+ .e-bigger.e-card .e-card-horizontal img {
459
+ margin: 2px;
460
+ }
461
+ .e-bigger .e-card .e-card-header,
462
+ .e-bigger.e-card .e-card-header {
463
+ min-height: 30px;
464
+ padding: 16px;
465
+ }
466
+ .e-bigger .e-card .e-card-header .e-card-content,
467
+ .e-bigger.e-card .e-card-header .e-card-content {
468
+ padding-left: 0;
469
+ padding-right: 0;
470
+ }
471
+ .e-bigger .e-card .e-card-header .e-card-header-caption,
472
+ .e-bigger.e-card .e-card-header .e-card-header-caption {
473
+ padding: 0 0 0 16px;
474
+ }
475
+ .e-bigger .e-card .e-card-header .e-card-header-caption:first-child,
476
+ .e-bigger.e-card .e-card-header .e-card-header-caption:first-child {
477
+ padding: 0;
478
+ }
479
+ .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-header-title,
480
+ .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-header-title {
481
+ font-size: 16px;
482
+ line-height: 1.5;
483
+ }
484
+ .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
485
+ .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
486
+ font-size: 14px;
487
+ line-height: 1.5;
488
+ padding: 8px 0 0;
489
+ }
490
+ .e-bigger .e-card .e-card-header .e-card-header-image,
491
+ .e-bigger.e-card .e-card-header .e-card-header-image {
492
+ background-size: cover;
493
+ height: 60px;
494
+ width: 55px;
495
+ }
496
+ .e-bigger .e-card .e-card-image,
497
+ .e-bigger.e-card .e-card-image {
498
+ min-height: 150px;
499
+ }
500
+ .e-bigger .e-card .e-card-image .e-card-title,
501
+ .e-bigger.e-card .e-card-image .e-card-title {
502
+ font-size: 16px;
503
+ line-height: 1.25;
504
+ min-height: 40px;
505
+ padding: 12px 16px;
506
+ }
507
+ .e-bigger .e-card .e-card-actions,
508
+ .e-bigger.e-card .e-card-actions {
509
+ padding: 16px;
510
+ }
511
+ .e-bigger .e-card .e-card-actions.e-card-vertical,
512
+ .e-bigger.e-card .e-card-actions.e-card-vertical {
513
+ padding: 16px 20px;
514
+ }
515
+ .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn,
516
+ .e-bigger .e-card .e-card-actions.e-card-vertical a,
517
+ .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn,
518
+ .e-bigger.e-card .e-card-actions.e-card-vertical a {
519
+ margin: 0 0 7px 0;
520
+ }
521
+ .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
522
+ .e-bigger .e-card .e-card-actions.e-card-vertical a:last-child,
523
+ .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
524
+ .e-bigger.e-card .e-card-actions.e-card-vertical a:last-child {
525
+ margin-bottom: 0;
526
+ }
527
+ .e-bigger .e-card .e-card-actions .e-card-btn span,
528
+ .e-bigger .e-card .e-card-actions .e-card-btn span.e-icons,
529
+ .e-bigger.e-card .e-card-actions .e-card-btn span,
530
+ .e-bigger.e-card .e-card-actions .e-card-btn span.e-icons {
531
+ height: 24px;
532
+ width: 24px;
533
+ }
534
+ .e-bigger .e-card .e-card-actions .e-card-btn,
535
+ .e-bigger .e-card .e-card-actions a,
536
+ .e-bigger.e-card .e-card-actions .e-card-btn,
537
+ .e-bigger.e-card .e-card-actions a {
538
+ line-height: 38px;
539
+ margin: 0 0 0 13px;
540
+ min-height: 38px;
541
+ padding: 0 8px;
542
+ }
543
+ .e-bigger .e-card .e-card-actions .e-card-btn:first-child,
544
+ .e-bigger .e-card .e-card-actions a:first-child,
545
+ .e-bigger.e-card .e-card-actions .e-card-btn:first-child,
546
+ .e-bigger.e-card .e-card-actions a:first-child {
547
+ margin-left: 0;
548
+ }
549
+ .e-bigger .e-card .e-card-content,
550
+ .e-bigger.e-card .e-card-content {
551
+ padding: 16px;
552
+ }
553
+ .e-bigger .e-card .e-card-content + :not(.e-card-content),
554
+ .e-bigger .e-card .e-card-content + .e-card-actions.e-card-vertical,
555
+ .e-bigger.e-card .e-card-content + :not(.e-card-content),
556
+ .e-bigger.e-card .e-card-content + .e-card-actions.e-card-vertical {
557
+ margin-top: 0;
558
+ padding-top: 0;
559
559
  }
package/styles/card/material3-dark.scss CHANGED
@@ -2,3 +2,4 @@
2
2
 
3
3
  @import 'material3-dark-definition.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';
package/styles/card/material3.css CHANGED
@@ -2,141 +2,6 @@
2
2
 
3
3
 
4
4
 
5
- .e-bigger .e-card,
6
- .e-bigger.e-card {
7
- line-height: 48px;
8
- min-height: 48px;
9
- }
10
- .e-bigger .e-card > .e-card-header-title,
11
- .e-bigger.e-card > .e-card-header-title {
12
- line-height: 1.5;
13
- padding: 16px;
14
- }
15
- .e-bigger .e-card > .e-card-header-title + :not(.e-card-header-title),
16
- .e-bigger.e-card > .e-card-header-title + :not(.e-card-header-title) {
17
- margin-top: 0;
18
- padding-top: 0;
19
- }
20
- .e-bigger .e-card > .e-card-title,
21
- .e-bigger.e-card > .e-card-title {
22
- line-height: 1.5;
23
- padding: 16px;
24
- }
25
- .e-bigger .e-card > .e-card-title + :not(.e-card-title),
26
- .e-bigger.e-card > .e-card-title + :not(.e-card-title) {
27
- margin-top: 0;
28
- padding-top: 0;
29
- }
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
- .e-bigger.e-card .e-card-horizontal .e-card-image,
37
- .e-bigger.e-card .e-card-horizontal img {
38
- margin: 2px;
39
- }
40
- .e-bigger .e-card .e-card-header,
41
- .e-bigger.e-card .e-card-header {
42
- min-height: 30px;
43
- padding: 16px;
44
- }
45
- .e-bigger .e-card .e-card-header .e-card-content,
46
- .e-bigger.e-card .e-card-header .e-card-content {
47
- padding-left: 0;
48
- padding-right: 0;
49
- }
50
- .e-bigger .e-card .e-card-header .e-card-header-caption,
51
- .e-bigger.e-card .e-card-header .e-card-header-caption {
52
- padding: 0 0 0 16px;
53
- }
54
- .e-bigger .e-card .e-card-header .e-card-header-caption:first-child,
55
- .e-bigger.e-card .e-card-header .e-card-header-caption:first-child {
56
- padding: 0;
57
- }
58
- .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-header-title,
59
- .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-header-title {
60
- font-size: 16px;
61
- line-height: 1.5;
62
- }
63
- .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
64
- .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
65
- font-size: 14px;
66
- line-height: 1.5;
67
- padding: 8px 0 0;
68
- }
69
- .e-bigger .e-card .e-card-header .e-card-header-image,
70
- .e-bigger.e-card .e-card-header .e-card-header-image {
71
- background-size: cover;
72
- height: 60px;
73
- width: 55px;
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: 16px;
82
- line-height: 1.25;
83
- min-height: 40px;
84
- padding: 12px 16px;
85
- }
86
- .e-bigger .e-card .e-card-actions,
87
- .e-bigger.e-card .e-card-actions {
88
- padding: 16px;
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 20px;
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 8px;
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: 16px;
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
-
140
5
  .e-card {
141
6
  border-radius: 12px;
142
7
  -webkit-box-sizing: border-box;
@@ -558,4 +423,139 @@
558
423
  }
559
424
  .e-card .e-card-content {
560
425
  color: rgba(var(--color-sf-on-surface));
426
+ }
427
+
428
+ .e-bigger .e-card,
429
+ .e-bigger.e-card {
430
+ line-height: 48px;
431
+ min-height: 48px;
432
+ }
433
+ .e-bigger .e-card > .e-card-header-title,
434
+ .e-bigger.e-card > .e-card-header-title {
435
+ line-height: 1.5;
436
+ padding: 16px;
437
+ }
438
+ .e-bigger .e-card > .e-card-header-title + :not(.e-card-header-title),
439
+ .e-bigger.e-card > .e-card-header-title + :not(.e-card-header-title) {
440
+ margin-top: 0;
441
+ padding-top: 0;
442
+ }
443
+ .e-bigger .e-card > .e-card-title,
444
+ .e-bigger.e-card > .e-card-title {
445
+ line-height: 1.5;
446
+ padding: 16px;
447
+ }
448
+ .e-bigger .e-card > .e-card-title + :not(.e-card-title),
449
+ .e-bigger.e-card > .e-card-title + :not(.e-card-title) {
450
+ margin-top: 0;
451
+ padding-top: 0;
452
+ }
453
+ .e-bigger .e-card.e-card-horizontal .e-card-image,
454
+ .e-bigger .e-card.e-card-horizontal img,
455
+ .e-bigger .e-card .e-card-horizontal .e-card-image,
456
+ .e-bigger .e-card .e-card-horizontal img,
457
+ .e-bigger.e-card.e-card-horizontal .e-card-image,
458
+ .e-bigger.e-card.e-card-horizontal img,
459
+ .e-bigger.e-card .e-card-horizontal .e-card-image,
460
+ .e-bigger.e-card .e-card-horizontal img {
461
+ margin: 2px;
462
+ }
463
+ .e-bigger .e-card .e-card-header,
464
+ .e-bigger.e-card .e-card-header {
465
+ min-height: 30px;
466
+ padding: 16px;
467
+ }
468
+ .e-bigger .e-card .e-card-header .e-card-content,
469
+ .e-bigger.e-card .e-card-header .e-card-content {
470
+ padding-left: 0;
471
+ padding-right: 0;
472
+ }
473
+ .e-bigger .e-card .e-card-header .e-card-header-caption,
474
+ .e-bigger.e-card .e-card-header .e-card-header-caption {
475
+ padding: 0 0 0 16px;
476
+ }
477
+ .e-bigger .e-card .e-card-header .e-card-header-caption:first-child,
478
+ .e-bigger.e-card .e-card-header .e-card-header-caption:first-child {
479
+ padding: 0;
480
+ }
481
+ .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-header-title,
482
+ .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-header-title {
483
+ font-size: 16px;
484
+ line-height: 1.5;
485
+ }
486
+ .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
487
+ .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
488
+ font-size: 14px;
489
+ line-height: 1.5;
490
+ padding: 8px 0 0;
491
+ }
492
+ .e-bigger .e-card .e-card-header .e-card-header-image,
493
+ .e-bigger.e-card .e-card-header .e-card-header-image {
494
+ background-size: cover;
495
+ height: 60px;
496
+ width: 55px;
497
+ }
498
+ .e-bigger .e-card .e-card-image,
499
+ .e-bigger.e-card .e-card-image {
500
+ min-height: 150px;
501
+ }
502
+ .e-bigger .e-card .e-card-image .e-card-title,
503
+ .e-bigger.e-card .e-card-image .e-card-title {
504
+ font-size: 16px;
505
+ line-height: 1.25;
506
+ min-height: 40px;
507
+ padding: 12px 16px;
508
+ }
509
+ .e-bigger .e-card .e-card-actions,
510
+ .e-bigger.e-card .e-card-actions {
511
+ padding: 16px;
512
+ }
513
+ .e-bigger .e-card .e-card-actions.e-card-vertical,
514
+ .e-bigger.e-card .e-card-actions.e-card-vertical {
515
+ padding: 16px 20px;
516
+ }
517
+ .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn,
518
+ .e-bigger .e-card .e-card-actions.e-card-vertical a,
519
+ .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn,
520
+ .e-bigger.e-card .e-card-actions.e-card-vertical a {
521
+ margin: 0 0 7px 0;
522
+ }
523
+ .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
524
+ .e-bigger .e-card .e-card-actions.e-card-vertical a:last-child,
525
+ .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
526
+ .e-bigger.e-card .e-card-actions.e-card-vertical a:last-child {
527
+ margin-bottom: 0;
528
+ }
529
+ .e-bigger .e-card .e-card-actions .e-card-btn span,
530
+ .e-bigger .e-card .e-card-actions .e-card-btn span.e-icons,
531
+ .e-bigger.e-card .e-card-actions .e-card-btn span,
532
+ .e-bigger.e-card .e-card-actions .e-card-btn span.e-icons {
533
+ height: 24px;
534
+ width: 24px;
535
+ }
536
+ .e-bigger .e-card .e-card-actions .e-card-btn,
537
+ .e-bigger .e-card .e-card-actions a,
538
+ .e-bigger.e-card .e-card-actions .e-card-btn,
539
+ .e-bigger.e-card .e-card-actions a {
540
+ line-height: 38px;
541
+ margin: 0 0 0 13px;
542
+ min-height: 38px;
543
+ padding: 0 8px;
544
+ }
545
+ .e-bigger .e-card .e-card-actions .e-card-btn:first-child,
546
+ .e-bigger .e-card .e-card-actions a:first-child,
547
+ .e-bigger.e-card .e-card-actions .e-card-btn:first-child,
548
+ .e-bigger.e-card .e-card-actions a:first-child {
549
+ margin-left: 0;
550
+ }
551
+ .e-bigger .e-card .e-card-content,
552
+ .e-bigger.e-card .e-card-content {
553
+ padding: 16px;
554
+ }
555
+ .e-bigger .e-card .e-card-content + :not(.e-card-content),
556
+ .e-bigger .e-card .e-card-content + .e-card-actions.e-card-vertical,
557
+ .e-bigger.e-card .e-card-content + :not(.e-card-content),
558
+ .e-bigger.e-card .e-card-content + .e-card-actions.e-card-vertical {
559
+ margin-top: 0;
560
+ padding-top: 0;
561
561
  }
package/styles/card/material3.scss CHANGED
@@ -2,3 +2,4 @@
2
2
 
3
3
  @import 'material3-definition.scss';
4
4
  @import 'all.scss';
5
+ @import 'bigger.scss';