@syncfusion/ej2-layouts 25.2.3 → 26.1.38

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 (177) hide show
  1. package/.eslintrc.json +3 -2
  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 +215 -140
  6. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  7. package/dist/es6/ej2-layouts.es5.js +243 -167
  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 +7 -7
  13. package/src/dashboard-layout/dashboard-layout.d.ts +2 -2
  14. package/src/dashboard-layout/dashboard-layout.js +55 -76
  15. package/src/splitter/splitter.js +81 -41
  16. package/src/timeline/timeline-model.d.ts +5 -5
  17. package/src/timeline/timeline.d.ts +6 -3
  18. package/src/timeline/timeline.js +107 -33
  19. package/styles/avatar/_bootstrap5.3-definition.scss +26 -0
  20. package/styles/avatar/_fluent2-definition.scss +28 -0
  21. package/styles/avatar/_layout.scss +22 -18
  22. package/styles/avatar/_material3-definition.scss +0 -7
  23. package/styles/avatar/bootstrap-dark.css +7 -4
  24. package/styles/avatar/bootstrap.css +7 -4
  25. package/styles/avatar/bootstrap4.css +7 -4
  26. package/styles/avatar/bootstrap5-dark.css +13 -10
  27. package/styles/avatar/bootstrap5.css +13 -10
  28. package/styles/avatar/fabric-dark.css +7 -4
  29. package/styles/avatar/fabric.css +7 -4
  30. package/styles/avatar/fluent-dark.css +11 -8
  31. package/styles/avatar/fluent.css +11 -8
  32. package/styles/avatar/fluent2.css +1097 -0
  33. package/styles/avatar/fluent2.scss +3 -0
  34. package/styles/avatar/highcontrast-light.css +7 -4
  35. package/styles/avatar/highcontrast.css +7 -4
  36. package/styles/avatar/material-dark.css +7 -4
  37. package/styles/avatar/material.css +7 -4
  38. package/styles/avatar/material3-dark.css +12 -9
  39. package/styles/avatar/material3.css +12 -9
  40. package/styles/avatar/tailwind-dark.css +11 -8
  41. package/styles/avatar/tailwind.css +11 -8
  42. package/styles/bootstrap-dark.css +359 -197
  43. package/styles/bootstrap-dark.scss +14 -5
  44. package/styles/bootstrap.css +359 -197
  45. package/styles/bootstrap.scss +14 -5
  46. package/styles/bootstrap4.css +357 -196
  47. package/styles/bootstrap4.scss +14 -5
  48. package/styles/bootstrap5-dark.css +370 -207
  49. package/styles/bootstrap5-dark.scss +14 -5
  50. package/styles/bootstrap5.css +370 -207
  51. package/styles/bootstrap5.scss +14 -5
  52. package/styles/card/_bootstrap5.3-definition.scss +125 -0
  53. package/styles/card/_fluent2-definition.scss +123 -0
  54. package/styles/card/_layout.scss +13 -4
  55. package/styles/card/_material3-definition.scss +0 -13
  56. package/styles/card/_theme.scss +4 -16
  57. package/styles/card/bootstrap-dark.css +95 -52
  58. package/styles/card/bootstrap.css +95 -52
  59. package/styles/card/bootstrap4.css +95 -52
  60. package/styles/card/bootstrap5-dark.css +95 -52
  61. package/styles/card/bootstrap5.css +95 -52
  62. package/styles/card/fabric-dark.css +95 -52
  63. package/styles/card/fabric.css +95 -52
  64. package/styles/card/fluent-dark.css +99 -54
  65. package/styles/card/fluent.css +99 -54
  66. package/styles/card/fluent2.css +1593 -0
  67. package/styles/card/fluent2.scss +3 -0
  68. package/styles/card/highcontrast-light.css +95 -52
  69. package/styles/card/highcontrast.css +95 -52
  70. package/styles/card/material-dark.css +95 -52
  71. package/styles/card/material.css +97 -53
  72. package/styles/card/material3-dark.css +99 -53
  73. package/styles/card/material3.css +99 -53
  74. package/styles/card/tailwind-dark.css +95 -52
  75. package/styles/card/tailwind.css +95 -52
  76. package/styles/dashboard-layout/_bootstrap5.3-definition.scss +108 -0
  77. package/styles/dashboard-layout/_fluent2-definition.scss +111 -0
  78. package/styles/dashboard-layout/_highcontrast-definition.scss +1 -1
  79. package/styles/dashboard-layout/_layout.scss +62 -60
  80. package/styles/dashboard-layout/_material3-definition.scss +0 -47
  81. package/styles/dashboard-layout/_theme.scss +19 -32
  82. package/styles/dashboard-layout/bootstrap-dark.css +41 -42
  83. package/styles/dashboard-layout/bootstrap.css +41 -42
  84. package/styles/dashboard-layout/bootstrap4.css +41 -42
  85. package/styles/dashboard-layout/bootstrap5-dark.css +48 -47
  86. package/styles/dashboard-layout/bootstrap5.css +48 -47
  87. package/styles/dashboard-layout/fabric-dark.css +41 -42
  88. package/styles/dashboard-layout/fabric.css +41 -42
  89. package/styles/dashboard-layout/fluent-dark.css +46 -46
  90. package/styles/dashboard-layout/fluent.css +46 -46
  91. package/styles/dashboard-layout/fluent2.css +1336 -0
  92. package/styles/dashboard-layout/fluent2.scss +4 -0
  93. package/styles/dashboard-layout/highcontrast-light.css +39 -41
  94. package/styles/dashboard-layout/highcontrast.css +43 -42
  95. package/styles/dashboard-layout/icons/_bootstrap5.3.scss +80 -0
  96. package/styles/dashboard-layout/icons/_fluent2.scss +80 -0
  97. package/styles/dashboard-layout/material-dark.css +41 -42
  98. package/styles/dashboard-layout/material.css +41 -42
  99. package/styles/dashboard-layout/material3-dark.css +48 -47
  100. package/styles/dashboard-layout/material3.css +48 -47
  101. package/styles/dashboard-layout/tailwind-dark.css +57 -55
  102. package/styles/dashboard-layout/tailwind.css +57 -55
  103. package/styles/fabric-dark.css +359 -197
  104. package/styles/fabric-dark.scss +14 -5
  105. package/styles/fabric.css +359 -197
  106. package/styles/fabric.scss +14 -5
  107. package/styles/fluent-dark.css +370 -206
  108. package/styles/fluent-dark.scss +14 -5
  109. package/styles/fluent.css +370 -206
  110. package/styles/fluent.scss +14 -5
  111. package/styles/fluent2.css +2803 -0
  112. package/styles/fluent2.scss +14 -0
  113. package/styles/highcontrast-light.css +357 -196
  114. package/styles/highcontrast-light.scss +13 -5
  115. package/styles/highcontrast.css +361 -197
  116. package/styles/highcontrast.scss +14 -5
  117. package/styles/material-dark.css +357 -196
  118. package/styles/material-dark.scss +14 -5
  119. package/styles/material.css +359 -197
  120. package/styles/material.scss +14 -5
  121. package/styles/material3-dark.css +370 -204
  122. package/styles/material3-dark.scss +14 -5
  123. package/styles/material3.css +370 -204
  124. package/styles/material3.scss +14 -5
  125. package/styles/splitter/_bootstrap5.3-definition.scss +31 -0
  126. package/styles/splitter/_fluent2-definition.scss +31 -0
  127. package/styles/splitter/_layout.scss +0 -4
  128. package/styles/splitter/_material3-definition.scss +0 -7
  129. package/styles/splitter/_theme.scss +0 -4
  130. package/styles/splitter/bootstrap-dark.css +115 -59
  131. package/styles/splitter/bootstrap.css +115 -59
  132. package/styles/splitter/bootstrap4.css +113 -58
  133. package/styles/splitter/bootstrap5-dark.css +113 -58
  134. package/styles/splitter/bootstrap5.css +113 -58
  135. package/styles/splitter/fabric-dark.css +115 -59
  136. package/styles/splitter/fabric.css +115 -59
  137. package/styles/splitter/fluent-dark.css +113 -58
  138. package/styles/splitter/fluent.css +113 -58
  139. package/styles/splitter/fluent2.css +1578 -0
  140. package/styles/splitter/fluent2.scss +4 -0
  141. package/styles/splitter/highcontrast-light.css +115 -59
  142. package/styles/splitter/highcontrast.css +115 -59
  143. package/styles/splitter/icons/_bootstrap5.3.scss +39 -0
  144. package/styles/splitter/icons/_fluent2.scss +39 -0
  145. package/styles/splitter/material-dark.css +113 -58
  146. package/styles/splitter/material.css +113 -58
  147. package/styles/splitter/material3-dark.css +114 -59
  148. package/styles/splitter/material3.css +114 -59
  149. package/styles/splitter/tailwind-dark.css +113 -58
  150. package/styles/splitter/tailwind.css +113 -58
  151. package/styles/tailwind-dark.css +377 -213
  152. package/styles/tailwind-dark.scss +14 -5
  153. package/styles/tailwind.css +377 -213
  154. package/styles/tailwind.scss +14 -5
  155. package/styles/timeline/_bootstrap5.3-definition.scss +18 -0
  156. package/styles/timeline/_fluent2-definition.scss +18 -0
  157. package/styles/timeline/_layout.scss +46 -7
  158. package/styles/timeline/bootstrap-dark.css +99 -39
  159. package/styles/timeline/bootstrap.css +99 -39
  160. package/styles/timeline/bootstrap4.css +99 -39
  161. package/styles/timeline/bootstrap5-dark.css +99 -39
  162. package/styles/timeline/bootstrap5.css +99 -39
  163. package/styles/timeline/fabric-dark.css +99 -39
  164. package/styles/timeline/fabric.css +99 -39
  165. package/styles/timeline/fluent-dark.css +99 -39
  166. package/styles/timeline/fluent.css +99 -39
  167. package/styles/timeline/fluent2.css +1332 -0
  168. package/styles/timeline/fluent2.scss +3 -0
  169. package/styles/timeline/highcontrast-light.css +99 -39
  170. package/styles/timeline/highcontrast.css +99 -39
  171. package/styles/timeline/material-dark.css +99 -39
  172. package/styles/timeline/material.css +99 -39
  173. package/styles/timeline/material3-dark.css +100 -40
  174. package/styles/timeline/material3.css +100 -40
  175. package/styles/timeline/tailwind-dark.css +99 -39
  176. package/styles/timeline/tailwind.css +99 -39
  177. package/CHANGELOG.md +0 -601
package/styles/avatar/fluent2.scss ADDED
@@ -0,0 +1,3 @@
1
+ @import 'ej2-base/styles/definition/fluent2.scss';
2
+ @import 'fluent2-definition.scss';
3
+ @import 'all.scss';
package/styles/avatar/highcontrast-light.css CHANGED
@@ -1,22 +1,25 @@
1
1
  .e-avatar {
2
2
  -ms-flex-line-pack: center;
3
3
  align-content: center;
4
- -ms-flex-align: center;
5
- align-items: center;
4
+ -webkit-box-align: center;
5
+ -ms-flex-align: center;
6
+ align-items: center;
6
7
  background-color: #bcbcbc;
7
8
  background-position: center;
8
9
  background-repeat: no-repeat;
9
10
  background-size: cover;
10
11
  border-radius: 5px;
11
12
  color: #fff;
13
+ display: -webkit-inline-box;
12
14
  display: -ms-inline-flexbox;
13
15
  display: inline-flex;
14
16
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
15
17
  font-size: 1em;
16
18
  font-weight: 400;
17
19
  height: 3em;
18
- -ms-flex-pack: center;
19
- justify-content: center;
20
+ -webkit-box-pack: center;
21
+ -ms-flex-pack: center;
22
+ justify-content: center;
20
23
  overflow: hidden;
21
24
  position: relative;
22
25
  width: 3em;
package/styles/avatar/highcontrast.css CHANGED
@@ -1,22 +1,25 @@
1
1
  .e-avatar {
2
2
  -ms-flex-line-pack: center;
3
3
  align-content: center;
4
- -ms-flex-align: center;
5
- align-items: center;
4
+ -webkit-box-align: center;
5
+ -ms-flex-align: center;
6
+ align-items: center;
6
7
  background-color: #bcbcbc;
7
8
  background-position: center;
8
9
  background-repeat: no-repeat;
9
10
  background-size: cover;
10
11
  border-radius: 5px;
11
12
  color: #fff;
13
+ display: -webkit-inline-box;
12
14
  display: -ms-inline-flexbox;
13
15
  display: inline-flex;
14
16
  font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
15
17
  font-size: 1em;
16
18
  font-weight: 400;
17
19
  height: 3em;
18
- -ms-flex-pack: center;
19
- justify-content: center;
20
+ -webkit-box-pack: center;
21
+ -ms-flex-pack: center;
22
+ justify-content: center;
20
23
  overflow: hidden;
21
24
  position: relative;
22
25
  width: 3em;
package/styles/avatar/material-dark.css CHANGED
@@ -1,22 +1,25 @@
1
1
  .e-avatar {
2
2
  -ms-flex-line-pack: center;
3
3
  align-content: center;
4
- -ms-flex-align: center;
5
- align-items: center;
4
+ -webkit-box-align: center;
5
+ -ms-flex-align: center;
6
+ align-items: center;
6
7
  background-color: #bcbcbc;
7
8
  background-position: center;
8
9
  background-repeat: no-repeat;
9
10
  background-size: cover;
10
11
  border-radius: 5px;
11
12
  color: #fff;
13
+ display: -webkit-inline-box;
12
14
  display: -ms-inline-flexbox;
13
15
  display: inline-flex;
14
16
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
15
17
  font-size: 1em;
16
18
  font-weight: 400;
17
19
  height: 3em;
18
- -ms-flex-pack: center;
19
- justify-content: center;
20
+ -webkit-box-pack: center;
21
+ -ms-flex-pack: center;
22
+ justify-content: center;
20
23
  overflow: hidden;
21
24
  position: relative;
22
25
  width: 3em;
package/styles/avatar/material.css CHANGED
@@ -1,22 +1,25 @@
1
1
  .e-avatar {
2
2
  -ms-flex-line-pack: center;
3
3
  align-content: center;
4
- -ms-flex-align: center;
5
- align-items: center;
4
+ -webkit-box-align: center;
5
+ -ms-flex-align: center;
6
+ align-items: center;
6
7
  background-color: #bcbcbc;
7
8
  background-position: center;
8
9
  background-repeat: no-repeat;
9
10
  background-size: cover;
10
11
  border-radius: 5px;
11
12
  color: #fff;
13
+ display: -webkit-inline-box;
12
14
  display: -ms-inline-flexbox;
13
15
  display: inline-flex;
14
16
  font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
15
17
  font-size: 1em;
16
18
  font-weight: 400;
17
19
  height: 3em;
18
- -ms-flex-pack: center;
19
- justify-content: center;
20
+ -webkit-box-pack: center;
21
+ -ms-flex-pack: center;
22
+ justify-content: center;
20
23
  overflow: hidden;
21
24
  position: relative;
22
25
  width: 3em;
package/styles/avatar/material3-dark.css CHANGED
@@ -44,7 +44,7 @@
44
44
  --color-sf-on-warning: 99, 52, 0;
45
45
  --color-sf-on-warning-container: 255, 220, 193;
46
46
  --color-sf-spreadsheet-gridline: 231, 224, 236;
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
47
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
48
48
  --color-sf-success-text: 0, 0, 0;
49
49
  --color-sf-warning-text: 0, 0, 0;
50
50
  --color-sf-info-text: 0, 0, 0;
@@ -56,22 +56,25 @@
56
56
  .e-avatar {
57
57
  -ms-flex-line-pack: center;
58
58
  align-content: center;
59
- -ms-flex-align: center;
60
- align-items: center;
59
+ -webkit-box-align: center;
60
+ -ms-flex-align: center;
61
+ align-items: center;
61
62
  background-color: rgba(var(--color-sf-primary-container));
62
63
  background-position: center;
63
64
  background-repeat: no-repeat;
64
65
  background-size: cover;
65
66
  border-radius: 4px;
66
67
  color: rgba(var(--color-sf-on-primary-container));
68
+ display: -webkit-inline-box;
67
69
  display: -ms-inline-flexbox;
68
70
  display: inline-flex;
69
71
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
70
72
  font-size: 20px;
71
73
  font-weight: 500;
72
74
  height: 40px;
73
- -ms-flex-pack: center;
74
- justify-content: center;
75
+ -webkit-box-pack: center;
76
+ -ms-flex-pack: center;
77
+ justify-content: center;
75
78
  overflow: hidden;
76
79
  position: relative;
77
80
  width: 40px;
@@ -90,24 +93,24 @@
90
93
  .e-avatar.e-avatar-xsmall {
91
94
  font-size: 14px;
92
95
  height: 24px;
93
- line-height: 14px;
94
96
  width: 24px;
97
+ line-height: 14px;
95
98
  }
96
99
  .e-avatar.e-avatar-small {
97
100
  font-size: 18px;
98
101
  height: 32px;
99
- line-height: 18px;
100
102
  width: 32px;
103
+ line-height: 18px;
101
104
  }
102
105
  .e-avatar.e-avatar-large {
103
106
  font-size: 26px;
104
107
  height: 48px;
105
- line-height: 26px;
106
108
  width: 48px;
109
+ line-height: 26px;
107
110
  }
108
111
  .e-avatar.e-avatar-xlarge {
109
112
  font-size: 30px;
110
113
  height: 56px;
111
- line-height: 30px;
112
114
  width: 56px;
115
+ line-height: 30px;
113
116
  }
package/styles/avatar/material3.css CHANGED
@@ -100,7 +100,7 @@
100
100
  --color-sf-on-warning: 99, 52, 0;
101
101
  --color-sf-on-warning-container: 255, 220, 193;
102
102
  --color-sf-spreadsheet-gridline: 231, 224, 236;
103
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
103
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
104
104
  --color-sf-success-text: 0, 0, 0;
105
105
  --color-sf-warning-text: 0, 0, 0;
106
106
  --color-sf-info-text: 0, 0, 0;
@@ -112,22 +112,25 @@
112
112
  .e-avatar {
113
113
  -ms-flex-line-pack: center;
114
114
  align-content: center;
115
- -ms-flex-align: center;
116
- align-items: center;
115
+ -webkit-box-align: center;
116
+ -ms-flex-align: center;
117
+ align-items: center;
117
118
  background-color: rgba(var(--color-sf-primary-container));
118
119
  background-position: center;
119
120
  background-repeat: no-repeat;
120
121
  background-size: cover;
121
122
  border-radius: 4px;
122
123
  color: rgba(var(--color-sf-on-primary-container));
124
+ display: -webkit-inline-box;
123
125
  display: -ms-inline-flexbox;
124
126
  display: inline-flex;
125
127
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
126
128
  font-size: 20px;
127
129
  font-weight: 500;
128
130
  height: 40px;
129
- -ms-flex-pack: center;
130
- justify-content: center;
131
+ -webkit-box-pack: center;
132
+ -ms-flex-pack: center;
133
+ justify-content: center;
131
134
  overflow: hidden;
132
135
  position: relative;
133
136
  width: 40px;
@@ -146,24 +149,24 @@
146
149
  .e-avatar.e-avatar-xsmall {
147
150
  font-size: 14px;
148
151
  height: 24px;
149
- line-height: 14px;
150
152
  width: 24px;
153
+ line-height: 14px;
151
154
  }
152
155
  .e-avatar.e-avatar-small {
153
156
  font-size: 18px;
154
157
  height: 32px;
155
- line-height: 18px;
156
158
  width: 32px;
159
+ line-height: 18px;
157
160
  }
158
161
  .e-avatar.e-avatar-large {
159
162
  font-size: 26px;
160
163
  height: 48px;
161
- line-height: 26px;
162
164
  width: 48px;
165
+ line-height: 26px;
163
166
  }
164
167
  .e-avatar.e-avatar-xlarge {
165
168
  font-size: 30px;
166
169
  height: 56px;
167
- line-height: 30px;
168
170
  width: 56px;
171
+ line-height: 30px;
169
172
  }
package/styles/avatar/tailwind-dark.css CHANGED
@@ -1,22 +1,25 @@
1
1
  .e-avatar {
2
2
  -ms-flex-line-pack: center;
3
3
  align-content: center;
4
- -ms-flex-align: center;
5
- align-items: center;
4
+ -webkit-box-align: center;
5
+ -ms-flex-align: center;
6
+ align-items: center;
6
7
  background-color: #4b5563;
7
8
  background-position: center;
8
9
  background-repeat: no-repeat;
9
10
  background-size: cover;
10
11
  border-radius: 4px;
11
12
  color: #9ca3af;
13
+ display: -webkit-inline-box;
12
14
  display: -ms-inline-flexbox;
13
15
  display: inline-flex;
14
16
  font-family: "Inter";
15
17
  font-size: 14px;
16
18
  font-weight: 500;
17
19
  height: 40px;
18
- -ms-flex-pack: center;
19
- justify-content: center;
20
+ -webkit-box-pack: center;
21
+ -ms-flex-pack: center;
22
+ justify-content: center;
20
23
  overflow: hidden;
21
24
  position: relative;
22
25
  width: 40px;
@@ -35,24 +38,24 @@
35
38
  .e-avatar.e-avatar-xsmall {
36
39
  font-size: 10px;
37
40
  height: 24px;
38
- line-height: 16px;
39
41
  width: 24px;
42
+ line-height: 16px;
40
43
  }
41
44
  .e-avatar.e-avatar-small {
42
45
  font-size: 12px;
43
46
  height: 32px;
44
- line-height: 18px;
45
47
  width: 32px;
48
+ line-height: 18px;
46
49
  }
47
50
  .e-avatar.e-avatar-large {
48
51
  font-size: 18px;
49
52
  height: 48px;
50
- line-height: 28px;
51
53
  width: 48px;
54
+ line-height: 28px;
52
55
  }
53
56
  .e-avatar.e-avatar-xlarge {
54
57
  font-size: 20px;
55
58
  height: 56px;
56
- line-height: 28px;
57
59
  width: 56px;
60
+ line-height: 28px;
58
61
  }
package/styles/avatar/tailwind.css CHANGED
@@ -1,22 +1,25 @@
1
1
  .e-avatar {
2
2
  -ms-flex-line-pack: center;
3
3
  align-content: center;
4
- -ms-flex-align: center;
5
- align-items: center;
4
+ -webkit-box-align: center;
5
+ -ms-flex-align: center;
6
+ align-items: center;
6
7
  background-color: #e5e7eb;
7
8
  background-position: center;
8
9
  background-repeat: no-repeat;
9
10
  background-size: cover;
10
11
  border-radius: 4px;
11
12
  color: #6b7280;
13
+ display: -webkit-inline-box;
12
14
  display: -ms-inline-flexbox;
13
15
  display: inline-flex;
14
16
  font-family: "Inter";
15
17
  font-size: 14px;
16
18
  font-weight: 500;
17
19
  height: 40px;
18
- -ms-flex-pack: center;
19
- justify-content: center;
20
+ -webkit-box-pack: center;
21
+ -ms-flex-pack: center;
22
+ justify-content: center;
20
23
  overflow: hidden;
21
24
  position: relative;
22
25
  width: 40px;
@@ -35,24 +38,24 @@
35
38
  .e-avatar.e-avatar-xsmall {
36
39
  font-size: 10px;
37
40
  height: 24px;
38
- line-height: 16px;
39
41
  width: 24px;
42
+ line-height: 16px;
40
43
  }
41
44
  .e-avatar.e-avatar-small {
42
45
  font-size: 12px;
43
46
  height: 32px;
44
- line-height: 18px;
45
47
  width: 32px;
48
+ line-height: 18px;
46
49
  }
47
50
  .e-avatar.e-avatar-large {
48
51
  font-size: 18px;
49
52
  height: 48px;
50
- line-height: 28px;
51
53
  width: 48px;
54
+ line-height: 28px;
52
55
  }
53
56
  .e-avatar.e-avatar-xlarge {
54
57
  font-size: 20px;
55
58
  height: 56px;
56
- line-height: 28px;
57
59
  width: 56px;
60
+ line-height: 28px;
58
61
  }