@syncfusion/ej2-splitbuttons 19.4.48 → 20.1.55

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 (117) hide show
  1. package/CHANGELOG.md +1 -3
  2. package/README.md +1 -1
  3. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js +9 -2
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +9 -2
  8. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  9. package/dist/global/ej2-splitbuttons.min.js +2 -2
  10. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +7 -7
  13. package/src/drop-down-button/drop-down-button.js +9 -2
  14. package/styles/bootstrap-dark.css +49 -375
  15. package/styles/bootstrap.css +49 -370
  16. package/styles/bootstrap4.css +57 -379
  17. package/styles/bootstrap5-dark.css +84 -389
  18. package/styles/bootstrap5.css +82 -387
  19. package/styles/button-group/_fluent-dark-definition.scss +1 -0
  20. package/styles/button-group/bootstrap-dark.css +1 -106
  21. package/styles/button-group/bootstrap.css +1 -100
  22. package/styles/button-group/bootstrap4.css +5 -111
  23. package/styles/button-group/bootstrap5-dark.css +3 -108
  24. package/styles/button-group/bootstrap5.css +1 -106
  25. package/styles/button-group/fabric-dark.css +1 -106
  26. package/styles/button-group/fabric.css +1 -106
  27. package/styles/button-group/fluent-dark.css +761 -0
  28. package/styles/button-group/fluent-dark.scss +4 -0
  29. package/styles/button-group/fluent.css +761 -0
  30. package/styles/button-group/fluent.scss +4 -0
  31. package/styles/button-group/highcontrast-light.css +1 -106
  32. package/styles/button-group/highcontrast.css +1 -118
  33. package/styles/button-group/material-dark.css +1 -106
  34. package/styles/button-group/material.css +1 -107
  35. package/styles/button-group/tailwind-dark.css +1 -102
  36. package/styles/button-group/tailwind.css +1 -102
  37. package/styles/drop-down-button/_bootstrap5-definition.scss +4 -4
  38. package/styles/drop-down-button/_fluent-dark-definition.scss +1 -0
  39. package/styles/drop-down-button/_fluent-definition.scss +5 -5
  40. package/styles/drop-down-button/_layout.scss +1 -1
  41. package/styles/drop-down-button/_tailwind-definition.scss +4 -4
  42. package/styles/drop-down-button/bootstrap-dark.css +2 -36
  43. package/styles/drop-down-button/bootstrap.css +2 -36
  44. package/styles/drop-down-button/bootstrap4.css +3 -36
  45. package/styles/drop-down-button/bootstrap5-dark.css +10 -43
  46. package/styles/drop-down-button/bootstrap5.css +10 -43
  47. package/styles/drop-down-button/fabric-dark.css +2 -36
  48. package/styles/drop-down-button/fabric.css +2 -36
  49. package/styles/drop-down-button/fluent-dark.css +213 -0
  50. package/styles/drop-down-button/fluent-dark.scss +6 -0
  51. package/styles/drop-down-button/fluent.css +213 -0
  52. package/styles/drop-down-button/fluent.scss +6 -0
  53. package/styles/drop-down-button/highcontrast-light.css +2 -36
  54. package/styles/drop-down-button/highcontrast.css +2 -36
  55. package/styles/drop-down-button/icons/_fluent-dark.scss +1 -0
  56. package/styles/drop-down-button/icons/_fluent.scss +1 -1
  57. package/styles/drop-down-button/icons/_tailwind-dark.scss +1 -1
  58. package/styles/drop-down-button/icons/_tailwind.scss +1 -1
  59. package/styles/drop-down-button/material-dark.css +2 -36
  60. package/styles/drop-down-button/material.css +2 -36
  61. package/styles/drop-down-button/tailwind-dark.css +9 -43
  62. package/styles/drop-down-button/tailwind.css +9 -43
  63. package/styles/fabric-dark.css +49 -375
  64. package/styles/fabric.css +49 -375
  65. package/styles/fluent-dark.css +1818 -0
  66. package/styles/fluent-dark.scss +4 -0
  67. package/styles/fluent.css +1818 -0
  68. package/styles/fluent.scss +4 -0
  69. package/styles/highcontrast-light.css +49 -375
  70. package/styles/highcontrast.css +49 -387
  71. package/styles/material-dark.css +49 -375
  72. package/styles/material.css +49 -376
  73. package/styles/progress-button/_bootstrap5-definition.scss +6 -6
  74. package/styles/progress-button/_fluent-dark-definition.scss +1 -0
  75. package/styles/progress-button/_fluent-definition.scss +2 -2
  76. package/styles/progress-button/_tailwind-definition.scss +5 -5
  77. package/styles/progress-button/_theme.scss +56 -11
  78. package/styles/progress-button/bootstrap-dark.css +48 -165
  79. package/styles/progress-button/bootstrap.css +48 -165
  80. package/styles/progress-button/bootstrap4.css +48 -165
  81. package/styles/progress-button/bootstrap5-dark.css +73 -174
  82. package/styles/progress-button/bootstrap5.css +73 -174
  83. package/styles/progress-button/fabric-dark.css +48 -165
  84. package/styles/progress-button/fabric.css +48 -165
  85. package/styles/progress-button/fluent-dark.css +544 -0
  86. package/styles/progress-button/fluent-dark.scss +5 -0
  87. package/styles/progress-button/fluent.css +544 -0
  88. package/styles/progress-button/fluent.scss +5 -0
  89. package/styles/progress-button/highcontrast-light.css +48 -165
  90. package/styles/progress-button/highcontrast.css +48 -165
  91. package/styles/progress-button/material-dark.css +48 -165
  92. package/styles/progress-button/material.css +48 -165
  93. package/styles/progress-button/tailwind-dark.css +68 -169
  94. package/styles/progress-button/tailwind.css +68 -169
  95. package/styles/split-button/_fluent-dark-definition.scss +1 -0
  96. package/styles/split-button/_fluent-definition.scss +2 -2
  97. package/styles/split-button/_layout.scss +32 -12
  98. package/styles/split-button/_tailwind-definition.scss +1 -1
  99. package/styles/split-button/bootstrap-dark.css +1 -71
  100. package/styles/split-button/bootstrap.css +1 -71
  101. package/styles/split-button/bootstrap4.css +4 -70
  102. package/styles/split-button/bootstrap5-dark.css +1 -67
  103. package/styles/split-button/bootstrap5.css +1 -67
  104. package/styles/split-button/fabric-dark.css +1 -71
  105. package/styles/split-button/fabric.css +1 -71
  106. package/styles/split-button/fluent-dark.css +297 -0
  107. package/styles/split-button/fluent-dark.scss +6 -0
  108. package/styles/split-button/fluent.css +297 -0
  109. package/styles/split-button/fluent.scss +6 -0
  110. package/styles/split-button/highcontrast-light.css +1 -71
  111. package/styles/split-button/highcontrast.css +1 -71
  112. package/styles/split-button/material-dark.css +1 -71
  113. package/styles/split-button/material.css +1 -71
  114. package/styles/split-button/tailwind-dark.css +10 -80
  115. package/styles/split-button/tailwind.css +10 -80
  116. package/styles/tailwind-dark.css +85 -392
  117. package/styles/tailwind.css +85 -392
@@ -1,6 +1,6 @@
1
1
  .e-dropdown-btn .e-caret::before,
2
2
  .e-dropdown-btn.e-btn .e-caret::before {
3
- content: '\e966';
3
+ content: "\e966";
4
4
  }
5
5
 
6
6
  /*! drop-down button layout */
@@ -10,53 +10,43 @@
10
10
  text-transform: none;
11
11
  white-space: normal;
12
12
  }
13
-
14
13
  .e-dropdown-btn:hover,
15
14
  .e-dropdown-btn.e-btn:hover {
16
15
  box-shadow: none;
17
16
  }
18
-
19
17
  .e-dropdown-btn:focus,
20
18
  .e-dropdown-btn.e-btn:focus {
21
19
  box-shadow: none;
22
20
  }
23
-
24
21
  .e-dropdown-btn:active,
25
22
  .e-dropdown-btn.e-btn:active {
26
23
  box-shadow: none;
27
24
  }
28
-
29
25
  .e-dropdown-btn .e-btn-icon,
30
26
  .e-dropdown-btn.e-btn .e-btn-icon {
31
27
  font-size: 14px;
32
28
  }
33
-
34
29
  .e-dropdown-btn .e-caret,
35
30
  .e-dropdown-btn.e-btn .e-caret {
36
31
  font-size: 8px;
37
32
  }
38
-
39
33
  .e-dropdown-btn.e-vertical,
40
34
  .e-dropdown-btn.e-btn.e-vertical {
41
35
  line-height: 1;
42
36
  padding: 8px 20px;
43
37
  }
44
-
45
38
  .e-dropdown-btn.e-caret-hide .e-caret,
46
39
  .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
47
40
  display: none;
48
41
  }
49
-
50
42
  .e-dropdown-btn.e-small .e-dropdown-popup ul,
51
43
  .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
52
44
  padding: 0;
53
45
  }
54
-
55
46
  .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
56
47
  .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
57
48
  padding: 0 10px;
58
49
  }
59
-
60
50
  .e-dropdown-btn.e-small.e-vertical,
61
51
  .e-dropdown-btn.e-btn.e-small.e-vertical {
62
52
  line-height: 1;
@@ -67,18 +57,15 @@
67
57
  .e-bigger.e-dropdown-btn .e-btn-icon {
68
58
  font-size: 16px;
69
59
  }
70
-
71
60
  .e-bigger .e-dropdown-btn .e-caret,
72
61
  .e-bigger.e-dropdown-btn .e-caret {
73
62
  font-size: 10px;
74
63
  }
75
-
76
64
  .e-bigger .e-dropdown-btn.e-vertical,
77
65
  .e-bigger.e-dropdown-btn.e-vertical {
78
66
  line-height: 1;
79
67
  padding: 10px 24px;
80
68
  }
81
-
82
69
  .e-bigger .e-dropdown-btn.e-small.e-vertical,
83
70
  .e-bigger.e-dropdown-btn.e-small.e-vertical {
84
71
  line-height: 1;
@@ -88,7 +75,6 @@
88
75
  .e-dropdown-popup {
89
76
  position: absolute;
90
77
  }
91
-
92
78
  .e-dropdown-popup ul {
93
79
  border: 1px solid #757575;
94
80
  border-radius: 0;
@@ -108,7 +94,6 @@
108
94
  user-select: none;
109
95
  white-space: nowrap;
110
96
  }
111
-
112
97
  .e-dropdown-popup ul .e-item {
113
98
  cursor: pointer;
114
99
  display: -ms-flexbox;
@@ -117,18 +102,15 @@
117
102
  line-height: 36px;
118
103
  padding: 0 10px;
119
104
  }
120
-
121
105
  .e-dropdown-popup ul .e-item.e-url {
122
106
  padding: 0;
123
107
  }
124
-
125
108
  .e-dropdown-popup ul .e-item .e-menu-url {
126
109
  display: block;
127
110
  padding: 0 10px;
128
111
  text-decoration: none;
129
112
  width: 100%;
130
113
  }
131
-
132
114
  .e-dropdown-popup ul .e-item .e-menu-icon {
133
115
  float: left;
134
116
  font-size: 16px;
@@ -137,12 +119,10 @@
137
119
  vertical-align: middle;
138
120
  width: 1em;
139
121
  }
140
-
141
122
  .e-dropdown-popup ul .e-item.e-disabled {
142
123
  cursor: auto;
143
124
  pointer-events: none;
144
125
  }
145
-
146
126
  .e-dropdown-popup ul .e-item.e-separator {
147
127
  border-bottom-style: solid;
148
128
  border-bottom-width: 1px;
@@ -152,12 +132,10 @@
152
132
  margin: 0;
153
133
  pointer-events: none;
154
134
  }
155
-
156
135
  .e-dropdown-popup.e-transparent {
157
136
  background: transparent;
158
137
  box-shadow: none;
159
138
  }
160
-
161
139
  .e-dropdown-popup.e-transparent .e-dropdown-menu {
162
140
  border: 0;
163
141
  height: 1px;
@@ -180,25 +158,21 @@
180
158
  min-width: 112px;
181
159
  padding: 0;
182
160
  }
183
-
184
161
  *.e-bigger .e-dropdown-popup ul .e-item,
185
162
  *.e-bigger.e-dropdown-popup ul .e-item {
186
163
  height: 48px;
187
164
  line-height: 48px;
188
165
  padding: 0 10px;
189
166
  }
190
-
191
167
  *.e-bigger .e-dropdown-popup ul .e-item.e-url,
192
168
  *.e-bigger.e-dropdown-popup ul .e-item.e-url {
193
169
  padding: 0;
194
170
  }
195
-
196
171
  *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
197
172
  *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
198
173
  font-size: 18px;
199
174
  line-height: 48px;
200
175
  }
201
-
202
176
  *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
203
177
  *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
204
178
  height: auto;
@@ -210,38 +184,30 @@
210
184
  background-color: #fff;
211
185
  color: #000;
212
186
  }
213
-
214
187
  .e-dropdown-popup ul .e-item .e-menu-url {
215
188
  color: #000;
216
189
  }
217
-
218
190
  .e-dropdown-popup ul .e-item .e-menu-icon {
219
191
  color: #000;
220
192
  }
221
-
222
193
  .e-dropdown-popup ul .e-item.e-focused {
223
194
  background-color: transparent;
224
195
  box-shadow: 0 0 0 1px #000 inset;
225
196
  }
226
-
227
197
  .e-dropdown-popup ul .e-item:hover {
228
198
  background-color: #ecf;
229
199
  color: #000;
230
200
  }
231
-
232
201
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
233
202
  background-color: #400074;
234
203
  color: #fff;
235
204
  }
236
-
237
205
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
238
206
  color: #fff;
239
207
  }
240
-
241
208
  .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
242
209
  color: #fff;
243
210
  }
244
-
245
211
  .e-dropdown-popup ul .e-separator {
246
212
  border-bottom-color: #000;
247
- }
213
+ }
@@ -1,6 +1,6 @@
1
1
  .e-dropdown-btn .e-caret::before,
2
2
  .e-dropdown-btn.e-btn .e-caret::before {
3
- content: '\e966';
3
+ content: "\e966";
4
4
  }
5
5
 
6
6
  /*! drop-down button layout */
@@ -10,53 +10,43 @@
10
10
  text-transform: none;
11
11
  white-space: normal;
12
12
  }
13
-
14
13
  .e-dropdown-btn:hover,
15
14
  .e-dropdown-btn.e-btn:hover {
16
15
  box-shadow: none;
17
16
  }
18
-
19
17
  .e-dropdown-btn:focus,
20
18
  .e-dropdown-btn.e-btn:focus {
21
19
  box-shadow: none;
22
20
  }
23
-
24
21
  .e-dropdown-btn:active,
25
22
  .e-dropdown-btn.e-btn:active {
26
23
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
27
24
  }
28
-
29
25
  .e-dropdown-btn .e-btn-icon,
30
26
  .e-dropdown-btn.e-btn .e-btn-icon {
31
27
  font-size: 14px;
32
28
  }
33
-
34
29
  .e-dropdown-btn .e-caret,
35
30
  .e-dropdown-btn.e-btn .e-caret {
36
31
  font-size: 8px;
37
32
  }
38
-
39
33
  .e-dropdown-btn.e-vertical,
40
34
  .e-dropdown-btn.e-btn.e-vertical {
41
35
  line-height: 1;
42
36
  padding: 8px 20px;
43
37
  }
44
-
45
38
  .e-dropdown-btn.e-caret-hide .e-caret,
46
39
  .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
47
40
  display: none;
48
41
  }
49
-
50
42
  .e-dropdown-btn.e-small .e-dropdown-popup ul,
51
43
  .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
52
44
  padding: 0;
53
45
  }
54
-
55
46
  .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
56
47
  .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
57
48
  padding: 0 10px;
58
49
  }
59
-
60
50
  .e-dropdown-btn.e-small.e-vertical,
61
51
  .e-dropdown-btn.e-btn.e-small.e-vertical {
62
52
  line-height: 1;
@@ -67,18 +57,15 @@
67
57
  .e-bigger.e-dropdown-btn .e-btn-icon {
68
58
  font-size: 16px;
69
59
  }
70
-
71
60
  .e-bigger .e-dropdown-btn .e-caret,
72
61
  .e-bigger.e-dropdown-btn .e-caret {
73
62
  font-size: 10px;
74
63
  }
75
-
76
64
  .e-bigger .e-dropdown-btn.e-vertical,
77
65
  .e-bigger.e-dropdown-btn.e-vertical {
78
66
  line-height: 1;
79
67
  padding: 10px 24px;
80
68
  }
81
-
82
69
  .e-bigger .e-dropdown-btn.e-small.e-vertical,
83
70
  .e-bigger.e-dropdown-btn.e-small.e-vertical {
84
71
  line-height: 1;
@@ -88,7 +75,6 @@
88
75
  .e-dropdown-popup {
89
76
  position: absolute;
90
77
  }
91
-
92
78
  .e-dropdown-popup ul {
93
79
  border: 1px solid #969696;
94
80
  border-radius: 0;
@@ -108,7 +94,6 @@
108
94
  user-select: none;
109
95
  white-space: nowrap;
110
96
  }
111
-
112
97
  .e-dropdown-popup ul .e-item {
113
98
  cursor: pointer;
114
99
  display: -ms-flexbox;
@@ -117,18 +102,15 @@
117
102
  line-height: 36px;
118
103
  padding: 0 10px;
119
104
  }
120
-
121
105
  .e-dropdown-popup ul .e-item.e-url {
122
106
  padding: 0;
123
107
  }
124
-
125
108
  .e-dropdown-popup ul .e-item .e-menu-url {
126
109
  display: block;
127
110
  padding: 0 10px;
128
111
  text-decoration: none;
129
112
  width: 100%;
130
113
  }
131
-
132
114
  .e-dropdown-popup ul .e-item .e-menu-icon {
133
115
  float: left;
134
116
  font-size: 16px;
@@ -137,12 +119,10 @@
137
119
  vertical-align: middle;
138
120
  width: 1em;
139
121
  }
140
-
141
122
  .e-dropdown-popup ul .e-item.e-disabled {
142
123
  cursor: auto;
143
124
  pointer-events: none;
144
125
  }
145
-
146
126
  .e-dropdown-popup ul .e-item.e-separator {
147
127
  border-bottom-style: solid;
148
128
  border-bottom-width: 1px;
@@ -152,12 +132,10 @@
152
132
  margin: 0;
153
133
  pointer-events: none;
154
134
  }
155
-
156
135
  .e-dropdown-popup.e-transparent {
157
136
  background: transparent;
158
137
  box-shadow: none;
159
138
  }
160
-
161
139
  .e-dropdown-popup.e-transparent .e-dropdown-menu {
162
140
  border: 0;
163
141
  height: 1px;
@@ -180,25 +158,21 @@
180
158
  min-width: 112px;
181
159
  padding: 0;
182
160
  }
183
-
184
161
  *.e-bigger .e-dropdown-popup ul .e-item,
185
162
  *.e-bigger.e-dropdown-popup ul .e-item {
186
163
  height: 48px;
187
164
  line-height: 48px;
188
165
  padding: 0 10px;
189
166
  }
190
-
191
167
  *.e-bigger .e-dropdown-popup ul .e-item.e-url,
192
168
  *.e-bigger.e-dropdown-popup ul .e-item.e-url {
193
169
  padding: 0;
194
170
  }
195
-
196
171
  *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
197
172
  *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
198
173
  font-size: 18px;
199
174
  line-height: 48px;
200
175
  }
201
-
202
176
  *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
203
177
  *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
204
178
  height: auto;
@@ -210,38 +184,30 @@
210
184
  background-color: #000;
211
185
  color: #fff;
212
186
  }
213
-
214
187
  .e-dropdown-popup ul .e-item .e-menu-url {
215
188
  color: #fff;
216
189
  }
217
-
218
190
  .e-dropdown-popup ul .e-item .e-menu-icon {
219
191
  color: #fff;
220
192
  }
221
-
222
193
  .e-dropdown-popup ul .e-item.e-focused {
223
194
  background-color: transparent;
224
195
  box-shadow: 0 0 0 1px #fff inset;
225
196
  }
226
-
227
197
  .e-dropdown-popup ul .e-item:hover {
228
198
  background-color: #685708;
229
199
  color: #fff;
230
200
  }
231
-
232
201
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
233
202
  background-color: #ffd939;
234
203
  color: #000;
235
204
  }
236
-
237
205
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
238
206
  color: #000;
239
207
  }
240
-
241
208
  .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
242
209
  color: #000;
243
210
  }
244
-
245
211
  .e-dropdown-popup ul .e-separator {
246
212
  border-bottom-color: #fff;
247
- }
213
+ }
@@ -0,0 +1 @@
1
+ @import './fluent.scss';
@@ -3,7 +3,7 @@
3
3
  .e-dropdown-btn.e-btn {
4
4
  .e-caret {
5
5
  &::before {
6
- content: '\e7c3';
6
+ content: '\e729';
7
7
  }
8
8
  }
9
9
  }
@@ -3,7 +3,7 @@
3
3
  .e-dropdown-btn.e-btn {
4
4
  .e-caret {
5
5
  &::before {
6
- content: '\e706';
6
+ content: '\e70d';
7
7
  }
8
8
  }
9
9
  }
@@ -3,7 +3,7 @@
3
3
  .e-dropdown-btn.e-btn {
4
4
  .e-caret {
5
5
  &::before {
6
- content: '\e706';
6
+ content: '\e729';
7
7
  }
8
8
  }
9
9
  }
@@ -1,7 +1,7 @@
1
1
  @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
2
  .e-dropdown-btn .e-caret::before,
3
3
  .e-dropdown-btn.e-btn .e-caret::before {
4
- content: '\e969';
4
+ content: "\e969";
5
5
  }
6
6
 
7
7
  /*! drop-down button layout */
@@ -11,53 +11,43 @@
11
11
  text-transform: none;
12
12
  white-space: normal;
13
13
  }
14
-
15
14
  .e-dropdown-btn:hover,
16
15
  .e-dropdown-btn.e-btn:hover {
17
16
  box-shadow: none;
18
17
  }
19
-
20
18
  .e-dropdown-btn:focus,
21
19
  .e-dropdown-btn.e-btn:focus {
22
20
  box-shadow: none;
23
21
  }
24
-
25
22
  .e-dropdown-btn:active,
26
23
  .e-dropdown-btn.e-btn:active {
27
24
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
28
25
  }
29
-
30
26
  .e-dropdown-btn .e-btn-icon,
31
27
  .e-dropdown-btn.e-btn .e-btn-icon {
32
28
  font-size: 14px;
33
29
  }
34
-
35
30
  .e-dropdown-btn .e-caret,
36
31
  .e-dropdown-btn.e-btn .e-caret {
37
32
  font-size: 8px;
38
33
  }
39
-
40
34
  .e-dropdown-btn.e-vertical,
41
35
  .e-dropdown-btn.e-btn.e-vertical {
42
36
  line-height: 1;
43
37
  padding: 12px 12px;
44
38
  }
45
-
46
39
  .e-dropdown-btn.e-caret-hide .e-caret,
47
40
  .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
48
41
  display: none;
49
42
  }
50
-
51
43
  .e-dropdown-btn.e-small .e-dropdown-popup ul,
52
44
  .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
53
45
  padding: 8px 0;
54
46
  }
55
-
56
47
  .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
57
48
  .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
58
49
  padding: 0 16px;
59
50
  }
60
-
61
51
  .e-dropdown-btn.e-small.e-vertical,
62
52
  .e-dropdown-btn.e-btn.e-small.e-vertical {
63
53
  line-height: 1;
@@ -68,18 +58,15 @@
68
58
  .e-bigger.e-dropdown-btn .e-btn-icon {
69
59
  font-size: 16px;
70
60
  }
71
-
72
61
  .e-bigger .e-dropdown-btn .e-caret,
73
62
  .e-bigger.e-dropdown-btn .e-caret {
74
63
  font-size: 10px;
75
64
  }
76
-
77
65
  .e-bigger .e-dropdown-btn.e-vertical,
78
66
  .e-bigger.e-dropdown-btn.e-vertical {
79
67
  line-height: 1;
80
68
  padding: 16px 16px;
81
69
  }
82
-
83
70
  .e-bigger .e-dropdown-btn.e-small.e-vertical,
84
71
  .e-bigger.e-dropdown-btn.e-small.e-vertical {
85
72
  line-height: 1;
@@ -89,7 +76,6 @@
89
76
  .e-dropdown-popup {
90
77
  position: absolute;
91
78
  }
92
-
93
79
  .e-dropdown-popup ul {
94
80
  border: none;
95
81
  border-radius: 0;
@@ -109,7 +95,6 @@
109
95
  user-select: none;
110
96
  white-space: nowrap;
111
97
  }
112
-
113
98
  .e-dropdown-popup ul .e-item {
114
99
  cursor: pointer;
115
100
  display: -ms-flexbox;
@@ -118,18 +103,15 @@
118
103
  line-height: 36px;
119
104
  padding: 0 16px;
120
105
  }
121
-
122
106
  .e-dropdown-popup ul .e-item.e-url {
123
107
  padding: 0;
124
108
  }
125
-
126
109
  .e-dropdown-popup ul .e-item .e-menu-url {
127
110
  display: block;
128
111
  padding: 0 16px;
129
112
  text-decoration: none;
130
113
  width: 100%;
131
114
  }
132
-
133
115
  .e-dropdown-popup ul .e-item .e-menu-icon {
134
116
  float: left;
135
117
  font-size: 14px;
@@ -138,12 +120,10 @@
138
120
  vertical-align: middle;
139
121
  width: 1em;
140
122
  }
141
-
142
123
  .e-dropdown-popup ul .e-item.e-disabled {
143
124
  cursor: auto;
144
125
  pointer-events: none;
145
126
  }
146
-
147
127
  .e-dropdown-popup ul .e-item.e-separator {
148
128
  border-bottom-style: solid;
149
129
  border-bottom-width: 1px;
@@ -153,12 +133,10 @@
153
133
  margin: 8px 0;
154
134
  pointer-events: none;
155
135
  }
156
-
157
136
  .e-dropdown-popup.e-transparent {
158
137
  background: transparent;
159
138
  box-shadow: none;
160
139
  }
161
-
162
140
  .e-dropdown-popup.e-transparent .e-dropdown-menu {
163
141
  border: 0;
164
142
  height: 1px;
@@ -181,25 +159,21 @@
181
159
  min-width: 112px;
182
160
  padding: 8px 0;
183
161
  }
184
-
185
162
  *.e-bigger .e-dropdown-popup ul .e-item,
186
163
  *.e-bigger.e-dropdown-popup ul .e-item {
187
164
  height: 48px;
188
165
  line-height: 48px;
189
166
  padding: 0 16px;
190
167
  }
191
-
192
168
  *.e-bigger .e-dropdown-popup ul .e-item.e-url,
193
169
  *.e-bigger.e-dropdown-popup ul .e-item.e-url {
194
170
  padding: 0;
195
171
  }
196
-
197
172
  *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
198
173
  *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
199
174
  font-size: 16px;
200
175
  line-height: 48px;
201
176
  }
202
-
203
177
  *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
204
178
  *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
205
179
  height: auto;
@@ -211,38 +185,30 @@
211
185
  background-color: #424242;
212
186
  color: #fff;
213
187
  }
214
-
215
188
  .e-dropdown-popup ul .e-item .e-menu-url {
216
189
  color: #fff;
217
190
  }
218
-
219
191
  .e-dropdown-popup ul .e-item .e-menu-icon {
220
192
  color: #fff;
221
193
  }
222
-
223
194
  .e-dropdown-popup ul .e-item.e-focused {
224
195
  background-color: rgba(255, 255, 255, 0.1);
225
196
  box-shadow: none;
226
197
  }
227
-
228
198
  .e-dropdown-popup ul .e-item:hover {
229
199
  background-color: rgba(255, 255, 255, 0.1);
230
200
  color: #fff;
231
201
  }
232
-
233
202
  .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
234
203
  background-color: rgba(255, 255, 255, 0.18);
235
204
  color: #fff;
236
205
  }
237
-
238
206
  .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
239
207
  color: #fff;
240
208
  }
241
-
242
209
  .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
243
210
  color: #fff;
244
211
  }
245
-
246
212
  .e-dropdown-popup ul .e-separator {
247
213
  border-bottom-color: rgba(255, 255, 255, 0.12);
248
- }
214
+ }