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