@syncfusion/ej2-angular-layouts 26.1.38-ngcc → 26.2.4-ngcc

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 (112) hide show
  1. package/dist/ej2-angular-layouts.umd.js +1 -1
  2. package/dist/ej2-angular-layouts.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/schematics/utils/lib-details.ts +2 -2
  5. package/styles/avatar/bootstrap-dark.css +1 -48
  6. package/styles/avatar/bootstrap.css +1 -48
  7. package/styles/avatar/bootstrap4.css +1 -48
  8. package/styles/avatar/bootstrap5-dark.css +1 -63
  9. package/styles/avatar/bootstrap5.css +1 -63
  10. package/styles/avatar/fabric-dark.css +1 -48
  11. package/styles/avatar/fabric.css +1 -48
  12. package/styles/avatar/fluent-dark.css +1 -61
  13. package/styles/avatar/fluent.css +1 -61
  14. package/styles/avatar/fluent2.css +1 -1097
  15. package/styles/avatar/highcontrast-light.css +1 -48
  16. package/styles/avatar/highcontrast.css +1 -48
  17. package/styles/avatar/material-dark.css +1 -48
  18. package/styles/avatar/material.css +1 -48
  19. package/styles/avatar/material3-dark.css +1 -171
  20. package/styles/avatar/material3.css +1 -283
  21. package/styles/avatar/tailwind-dark.css +1 -61
  22. package/styles/avatar/tailwind.css +1 -61
  23. package/styles/bootstrap-dark.css +1 -1752
  24. package/styles/bootstrap.css +1 -1753
  25. package/styles/bootstrap4.css +1 -1757
  26. package/styles/bootstrap5-dark.css +1 -1770
  27. package/styles/bootstrap5.css +1 -1770
  28. package/styles/card/bootstrap-dark.css +1 -556
  29. package/styles/card/bootstrap.css +1 -557
  30. package/styles/card/bootstrap4.css +1 -563
  31. package/styles/card/bootstrap5-dark.css +1 -556
  32. package/styles/card/bootstrap5.css +1 -556
  33. package/styles/card/fabric-dark.css +1 -556
  34. package/styles/card/fabric.css +1 -567
  35. package/styles/card/fluent-dark.css +1 -579
  36. package/styles/card/fluent.css +1 -579
  37. package/styles/card/fluent2.css +1 -1593
  38. package/styles/card/highcontrast-light.css +1 -556
  39. package/styles/card/highcontrast.css +1 -568
  40. package/styles/card/material-dark.css +1 -556
  41. package/styles/card/material.css +1 -557
  42. package/styles/card/material3-dark.css +1 -667
  43. package/styles/card/material3.css +1 -779
  44. package/styles/card/tailwind-dark.css +1 -557
  45. package/styles/card/tailwind.css +1 -557
  46. package/styles/dashboard-layout/bootstrap-dark.css +1 -295
  47. package/styles/dashboard-layout/bootstrap.css +1 -295
  48. package/styles/dashboard-layout/bootstrap4.css +1 -295
  49. package/styles/dashboard-layout/bootstrap5-dark.css +1 -306
  50. package/styles/dashboard-layout/bootstrap5.css +1 -306
  51. package/styles/dashboard-layout/fabric-dark.css +1 -295
  52. package/styles/dashboard-layout/fabric.css +1 -295
  53. package/styles/dashboard-layout/fluent-dark.css +1 -300
  54. package/styles/dashboard-layout/fluent.css +1 -300
  55. package/styles/dashboard-layout/fluent2.css +1 -1336
  56. package/styles/dashboard-layout/highcontrast-light.css +1 -232
  57. package/styles/dashboard-layout/highcontrast.css +1 -293
  58. package/styles/dashboard-layout/material-dark.css +1 -295
  59. package/styles/dashboard-layout/material.css +1 -295
  60. package/styles/dashboard-layout/material3-dark.css +1 -412
  61. package/styles/dashboard-layout/material3.css +1 -524
  62. package/styles/dashboard-layout/tailwind-dark.css +1 -319
  63. package/styles/dashboard-layout/tailwind.css +1 -319
  64. package/styles/fabric-dark.css +1 -1752
  65. package/styles/fabric.css +1 -1763
  66. package/styles/fluent-dark.css +1 -1785
  67. package/styles/fluent.css +1 -1785
  68. package/styles/fluent2.css +1 -6939
  69. package/styles/highcontrast-light.css +1 -1689
  70. package/styles/highcontrast.css +1 -1762
  71. package/styles/material-dark.css +1 -1750
  72. package/styles/material.css +1 -1752
  73. package/styles/material3-dark.css +1 -2315
  74. package/styles/material3.css +1 -2875
  75. package/styles/splitter/bootstrap-dark.css +1 -552
  76. package/styles/splitter/bootstrap.css +1 -552
  77. package/styles/splitter/bootstrap4.css +1 -550
  78. package/styles/splitter/bootstrap5-dark.css +1 -544
  79. package/styles/splitter/bootstrap5.css +1 -544
  80. package/styles/splitter/fabric-dark.css +1 -552
  81. package/styles/splitter/fabric.css +1 -552
  82. package/styles/splitter/fluent-dark.css +1 -544
  83. package/styles/splitter/fluent.css +1 -544
  84. package/styles/splitter/fluent2.css +1 -1578
  85. package/styles/splitter/highcontrast-light.css +1 -552
  86. package/styles/splitter/highcontrast.css +1 -552
  87. package/styles/splitter/material-dark.css +1 -550
  88. package/styles/splitter/material.css +1 -551
  89. package/styles/splitter/material3-dark.css +1 -654
  90. package/styles/splitter/material3.css +1 -766
  91. package/styles/splitter/tailwind-dark.css +1 -544
  92. package/styles/splitter/tailwind.css +1 -544
  93. package/styles/tailwind-dark.css +1 -1782
  94. package/styles/tailwind.css +1 -1782
  95. package/styles/timeline/bootstrap-dark.css +1 -298
  96. package/styles/timeline/bootstrap.css +1 -298
  97. package/styles/timeline/bootstrap4.css +1 -298
  98. package/styles/timeline/bootstrap5-dark.css +1 -298
  99. package/styles/timeline/bootstrap5.css +1 -298
  100. package/styles/timeline/fabric-dark.css +1 -298
  101. package/styles/timeline/fabric.css +1 -298
  102. package/styles/timeline/fluent-dark.css +1 -298
  103. package/styles/timeline/fluent.css +1 -298
  104. package/styles/timeline/fluent2.css +1 -1332
  105. package/styles/timeline/highcontrast-light.css +1 -298
  106. package/styles/timeline/highcontrast.css +1 -298
  107. package/styles/timeline/material-dark.css +1 -298
  108. package/styles/timeline/material.css +1 -298
  109. package/styles/timeline/material3-dark.css +1 -408
  110. package/styles/timeline/material3.css +1 -520
  111. package/styles/timeline/tailwind-dark.css +1 -298
  112. package/styles/timeline/tailwind.css +1 -298
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-angular-layouts.umd.js
3
- * version : 26.1.38
3
+ * version : 26.2.4
4
4
  * Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: ej2-angular-layouts.umd.min.js
3
- * version : 26.1.38
3
+ * version : 26.2.4
4
4
  * Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-angular-layouts@*",
3
- "_id": "@syncfusion/ej2-angular-layouts@26.1.35",
3
+ "_id": "@syncfusion/ej2-angular-layouts@26.1.38",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-OnZkb+qCl0hiAf1kagVHTkBOjfeAEytGsNNplGvLTLtNjx1X+9Ql8L9SwAKxR4BPzVFNLfe9DaJI8IgrjoqhMw==",
5
+ "_integrity": "sha512-PSjVF4ej1t5RklPZoDuTy9I758KZ/JgBcAYB9nr2bPTW7epDEJGT8Yw8ZQPmEKF5DHileCqhEd0uthfYQk0Mww==",
6
6
  "_location": "/@syncfusion/ej2-angular-layouts",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -19,8 +19,8 @@
19
19
  "_requiredBy": [
20
20
  "/"
21
21
  ],
22
- "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-layouts/-/ej2-angular-layouts-26.1.35.tgz",
23
- "_shasum": "e0382eb0da0371a7ac6b94ada1778b7b4363dd33",
22
+ "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-layouts/-/ej2-angular-layouts-26.1.38.tgz",
23
+ "_shasum": "4ee46a2dd3933d2f593116a0de5d071f8de2d778",
24
24
  "_spec": "@syncfusion/ej2-angular-layouts@*",
25
25
  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
26
26
  "author": {
@@ -31,9 +31,9 @@
31
31
  },
32
32
  "bundleDependencies": false,
33
33
  "dependencies": {
34
- "@syncfusion/ej2-angular-base": "~26.1.35",
35
- "@syncfusion/ej2-base": "~26.1.37",
36
- "@syncfusion/ej2-layouts": "26.1.38"
34
+ "@syncfusion/ej2-angular-base": "~26.2.4",
35
+ "@syncfusion/ej2-base": "~26.2.4",
36
+ "@syncfusion/ej2-layouts": "26.2.4"
37
37
  },
38
38
  "deprecated": false,
39
39
  "description": "A package of Essential JS 2 layout pure CSS components such as card and avatar. The card is used as small container to show content in specific structure, whereas the avatars are icons, initials or figures representing particular person. for Angular",
@@ -64,5 +64,5 @@
64
64
  "schematics": "./schematics/collection.json",
65
65
  "sideEffects": false,
66
66
  "typings": "ej2-angular-layouts.d.ts",
67
- "version": "26.1.38-ngcc"
67
+ "version": "26.2.4-ngcc"
68
68
  }
@@ -1,4 +1,4 @@
1
1
  export const pkgName = '@syncfusion/ej2-angular-layouts';
2
- export const pkgVer = '^26.1.35';
2
+ export const pkgVer = '^26.1.38';
3
3
  export const moduleName = 'SplitterModule, DashboardLayoutModule, TimelineModule';
4
- export const themeVer = '~26.1.35';
4
+ export const themeVer = '~26.1.38';
@@ -1,48 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #bcbcbc;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 5px;
12
- color: #fff;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
17
- font-size: 1em;
18
- font-weight: 400;
19
- height: 3em;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 3em;
26
- }
27
- .e-avatar img {
28
- height: 100%;
29
- width: auto;
30
- }
31
- .e-avatar.e-avatar-circle {
32
- border-radius: 50%;
33
- }
34
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
35
- border-radius: 50%;
36
- }
37
- .e-avatar.e-avatar-xsmall {
38
- font-size: 0.6em;
39
- }
40
- .e-avatar.e-avatar-small {
41
- font-size: 0.8em;
42
- }
43
- .e-avatar.e-avatar-large {
44
- font-size: 1.2em;
45
- }
46
- .e-avatar.e-avatar-xlarge {
47
- font-size: 1.4em;
48
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/bootstrap-dark.css';
@@ -1,48 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #bcbcbc;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 5px;
12
- color: #fff;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
17
- font-size: 1em;
18
- font-weight: 400;
19
- height: 3em;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 3em;
26
- }
27
- .e-avatar img {
28
- height: 100%;
29
- width: auto;
30
- }
31
- .e-avatar.e-avatar-circle {
32
- border-radius: 50%;
33
- }
34
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
35
- border-radius: 50%;
36
- }
37
- .e-avatar.e-avatar-xsmall {
38
- font-size: 0.6em;
39
- }
40
- .e-avatar.e-avatar-small {
41
- font-size: 0.8em;
42
- }
43
- .e-avatar.e-avatar-large {
44
- font-size: 1.2em;
45
- }
46
- .e-avatar.e-avatar-xlarge {
47
- font-size: 1.4em;
48
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/bootstrap.css';
@@ -1,48 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #e9ecef;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 4px;
12
- color: #212529;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
17
- font-size: 1.05em;
18
- font-weight: 400;
19
- height: 2.5em;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 2.5em;
26
- }
27
- .e-avatar img {
28
- height: 100%;
29
- width: auto;
30
- }
31
- .e-avatar.e-avatar-circle {
32
- border-radius: 50%;
33
- }
34
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
35
- border-radius: 50%;
36
- }
37
- .e-avatar.e-avatar-xsmall {
38
- font-size: 0.65em;
39
- }
40
- .e-avatar.e-avatar-small {
41
- font-size: 0.85em;
42
- }
43
- .e-avatar.e-avatar-large {
44
- font-size: 1.25em;
45
- }
46
- .e-avatar.e-avatar-xlarge {
47
- font-size: 1.45em;
48
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/bootstrap4.css';
@@ -1,63 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #495057;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 2px;
12
- color: #adb5bd;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
17
- font-size: 14px;
18
- font-weight: 500;
19
- height: 40px;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 40px;
26
- line-height: 22px;
27
- }
28
- .e-avatar img {
29
- height: 100%;
30
- width: auto;
31
- }
32
- .e-avatar.e-avatar-circle {
33
- border-radius: 50%;
34
- }
35
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
36
- border-radius: 50%;
37
- }
38
- .e-avatar.e-avatar-xsmall {
39
- font-size: 10px;
40
- height: 24px;
41
- width: 24px;
42
- line-height: 16px;
43
- }
44
- .e-avatar.e-avatar-small {
45
- font-size: 12px;
46
- height: 32px;
47
- width: 32px;
48
- line-height: 18px;
49
- }
50
- .e-avatar.e-avatar-large {
51
- font-size: 18px;
52
- height: 48px;
53
- width: 48px;
54
- line-height: 28px;
55
- border-radius: 4px;
56
- }
57
- .e-avatar.e-avatar-xlarge {
58
- font-size: 20px;
59
- height: 56px;
60
- width: 56px;
61
- line-height: 28px;
62
- border-radius: 4px;
63
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/bootstrap5-dark.css';
@@ -1,63 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #dee2e6;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 2px;
12
- color: #6c757d;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
17
- font-size: 14px;
18
- font-weight: 500;
19
- height: 40px;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 40px;
26
- line-height: 22px;
27
- }
28
- .e-avatar img {
29
- height: 100%;
30
- width: auto;
31
- }
32
- .e-avatar.e-avatar-circle {
33
- border-radius: 50%;
34
- }
35
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
36
- border-radius: 50%;
37
- }
38
- .e-avatar.e-avatar-xsmall {
39
- font-size: 10px;
40
- height: 24px;
41
- width: 24px;
42
- line-height: 16px;
43
- }
44
- .e-avatar.e-avatar-small {
45
- font-size: 12px;
46
- height: 32px;
47
- width: 32px;
48
- line-height: 18px;
49
- }
50
- .e-avatar.e-avatar-large {
51
- font-size: 18px;
52
- height: 48px;
53
- width: 48px;
54
- line-height: 28px;
55
- border-radius: 4px;
56
- }
57
- .e-avatar.e-avatar-xlarge {
58
- font-size: 20px;
59
- height: 56px;
60
- width: 56px;
61
- line-height: 28px;
62
- border-radius: 4px;
63
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/bootstrap5.css';
@@ -1,48 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #bcbcbc;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 5px;
12
- color: #fff;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
17
- font-size: 1em;
18
- font-weight: 400;
19
- height: 3em;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 3em;
26
- }
27
- .e-avatar img {
28
- height: 100%;
29
- width: auto;
30
- }
31
- .e-avatar.e-avatar-circle {
32
- border-radius: 50%;
33
- }
34
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
35
- border-radius: 50%;
36
- }
37
- .e-avatar.e-avatar-xsmall {
38
- font-size: 0.6em;
39
- }
40
- .e-avatar.e-avatar-small {
41
- font-size: 0.8em;
42
- }
43
- .e-avatar.e-avatar-large {
44
- font-size: 1.2em;
45
- }
46
- .e-avatar.e-avatar-xlarge {
47
- font-size: 1.4em;
48
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/fabric-dark.css';
@@ -1,48 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #bcbcbc;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 5px;
12
- color: #fff;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
17
- font-size: 1em;
18
- font-weight: 400;
19
- height: 3em;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 3em;
26
- }
27
- .e-avatar img {
28
- height: 100%;
29
- width: auto;
30
- }
31
- .e-avatar.e-avatar-circle {
32
- border-radius: 50%;
33
- }
34
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
35
- border-radius: 50%;
36
- }
37
- .e-avatar.e-avatar-xsmall {
38
- font-size: 0.6em;
39
- }
40
- .e-avatar.e-avatar-small {
41
- font-size: 0.8em;
42
- }
43
- .e-avatar.e-avatar-large {
44
- font-size: 1.2em;
45
- }
46
- .e-avatar.e-avatar-xlarge {
47
- font-size: 1.4em;
48
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/fabric.css';
@@ -1,61 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #292827;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 4px;
12
- color: #a19f9d;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
17
- font-size: 16px;
18
- font-weight: 400;
19
- height: 40px;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 40px;
26
- line-height: 24px;
27
- }
28
- .e-avatar img {
29
- height: 100%;
30
- width: auto;
31
- }
32
- .e-avatar.e-avatar-circle {
33
- border-radius: 50%;
34
- }
35
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
36
- border-radius: 50%;
37
- }
38
- .e-avatar.e-avatar-xsmall {
39
- font-size: 10px;
40
- height: 24px;
41
- width: 24px;
42
- line-height: 16px;
43
- }
44
- .e-avatar.e-avatar-small {
45
- font-size: 12px;
46
- height: 32px;
47
- width: 32px;
48
- line-height: 18px;
49
- }
50
- .e-avatar.e-avatar-large {
51
- font-size: 20px;
52
- height: 48px;
53
- width: 48px;
54
- line-height: 28px;
55
- }
56
- .e-avatar.e-avatar-xlarge {
57
- font-size: 24px;
58
- height: 56px;
59
- width: 56px;
60
- line-height: 28px;
61
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/fluent-dark.css';
@@ -1,61 +1 @@
1
- .e-avatar {
2
- -ms-flex-line-pack: center;
3
- align-content: center;
4
- -webkit-box-align: center;
5
- -ms-flex-align: center;
6
- align-items: center;
7
- background-color: #edebe9;
8
- background-position: center;
9
- background-repeat: no-repeat;
10
- background-size: cover;
11
- border-radius: 4px;
12
- color: #605e5c;
13
- display: -webkit-inline-box;
14
- display: -ms-inline-flexbox;
15
- display: inline-flex;
16
- font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
17
- font-size: 16px;
18
- font-weight: 400;
19
- height: 40px;
20
- -webkit-box-pack: center;
21
- -ms-flex-pack: center;
22
- justify-content: center;
23
- overflow: hidden;
24
- position: relative;
25
- width: 40px;
26
- line-height: 24px;
27
- }
28
- .e-avatar img {
29
- height: 100%;
30
- width: auto;
31
- }
32
- .e-avatar.e-avatar-circle {
33
- border-radius: 50%;
34
- }
35
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
36
- border-radius: 50%;
37
- }
38
- .e-avatar.e-avatar-xsmall {
39
- font-size: 10px;
40
- height: 24px;
41
- width: 24px;
42
- line-height: 16px;
43
- }
44
- .e-avatar.e-avatar-small {
45
- font-size: 12px;
46
- height: 32px;
47
- width: 32px;
48
- line-height: 18px;
49
- }
50
- .e-avatar.e-avatar-large {
51
- font-size: 20px;
52
- height: 48px;
53
- width: 48px;
54
- line-height: 28px;
55
- }
56
- .e-avatar.e-avatar-xlarge {
57
- font-size: 24px;
58
- height: 56px;
59
- width: 56px;
60
- line-height: 28px;
61
- }
1
+ @import '@syncfusion/ej2-layouts/styles/avatar/fluent.css';