@syncfusion/ej2-vue-splitbuttons 20.1.47 → 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 (79) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/ej2-vue-splitbuttons.umd.min.js +9 -0
  3. package/dist/global/ej2-vue-splitbuttons.min.js +2 -2
  4. package/package.json +8 -8
  5. package/styles/bootstrap-dark.css +4 -330
  6. package/styles/bootstrap.css +4 -325
  7. package/styles/bootstrap4.css +12 -334
  8. package/styles/bootstrap5-dark.css +6 -331
  9. package/styles/bootstrap5.css +4 -329
  10. package/styles/button-group/bootstrap-dark.css +1 -106
  11. package/styles/button-group/bootstrap.css +1 -100
  12. package/styles/button-group/bootstrap4.css +5 -111
  13. package/styles/button-group/bootstrap5-dark.css +3 -108
  14. package/styles/button-group/bootstrap5.css +1 -106
  15. package/styles/button-group/fabric-dark.css +1 -106
  16. package/styles/button-group/fabric.css +1 -106
  17. package/styles/button-group/fluent-dark.css +1 -106
  18. package/styles/button-group/fluent.css +1 -106
  19. package/styles/button-group/highcontrast-light.css +1 -106
  20. package/styles/button-group/highcontrast.css +1 -118
  21. package/styles/button-group/material-dark.css +1 -106
  22. package/styles/button-group/material.css +1 -107
  23. package/styles/button-group/tailwind-dark.css +1 -102
  24. package/styles/button-group/tailwind.css +1 -102
  25. package/styles/drop-down-button/bootstrap-dark.css +2 -36
  26. package/styles/drop-down-button/bootstrap.css +2 -36
  27. package/styles/drop-down-button/bootstrap4.css +3 -36
  28. package/styles/drop-down-button/bootstrap5-dark.css +2 -35
  29. package/styles/drop-down-button/bootstrap5.css +2 -35
  30. package/styles/drop-down-button/fabric-dark.css +2 -36
  31. package/styles/drop-down-button/fabric.css +2 -36
  32. package/styles/drop-down-button/fluent-dark.css +2 -36
  33. package/styles/drop-down-button/fluent.css +2 -36
  34. package/styles/drop-down-button/highcontrast-light.css +2 -36
  35. package/styles/drop-down-button/highcontrast.css +2 -36
  36. package/styles/drop-down-button/material-dark.css +2 -36
  37. package/styles/drop-down-button/material.css +2 -36
  38. package/styles/drop-down-button/tailwind-dark.css +2 -36
  39. package/styles/drop-down-button/tailwind.css +2 -36
  40. package/styles/fabric-dark.css +4 -330
  41. package/styles/fabric.css +4 -330
  42. package/styles/fluent-dark.css +4 -330
  43. package/styles/fluent.css +4 -330
  44. package/styles/highcontrast-light.css +4 -330
  45. package/styles/highcontrast.css +4 -342
  46. package/styles/material-dark.css +4 -330
  47. package/styles/material.css +4 -331
  48. package/styles/progress-button/bootstrap-dark.css +3 -120
  49. package/styles/progress-button/bootstrap.css +3 -120
  50. package/styles/progress-button/bootstrap4.css +3 -120
  51. package/styles/progress-button/bootstrap5-dark.css +3 -124
  52. package/styles/progress-button/bootstrap5.css +3 -124
  53. package/styles/progress-button/fabric-dark.css +3 -120
  54. package/styles/progress-button/fabric.css +3 -120
  55. package/styles/progress-button/fluent-dark.css +3 -124
  56. package/styles/progress-button/fluent.css +3 -124
  57. package/styles/progress-button/highcontrast-light.css +3 -120
  58. package/styles/progress-button/highcontrast.css +3 -120
  59. package/styles/progress-button/material-dark.css +3 -120
  60. package/styles/progress-button/material.css +3 -120
  61. package/styles/progress-button/tailwind-dark.css +3 -124
  62. package/styles/progress-button/tailwind.css +3 -124
  63. package/styles/split-button/bootstrap-dark.css +1 -71
  64. package/styles/split-button/bootstrap.css +1 -71
  65. package/styles/split-button/bootstrap4.css +4 -70
  66. package/styles/split-button/bootstrap5-dark.css +1 -67
  67. package/styles/split-button/bootstrap5.css +1 -67
  68. package/styles/split-button/fabric-dark.css +1 -71
  69. package/styles/split-button/fabric.css +1 -71
  70. package/styles/split-button/fluent-dark.css +1 -67
  71. package/styles/split-button/fluent.css +1 -67
  72. package/styles/split-button/highcontrast-light.css +1 -71
  73. package/styles/split-button/highcontrast.css +1 -71
  74. package/styles/split-button/material-dark.css +1 -71
  75. package/styles/split-button/material.css +1 -71
  76. package/styles/split-button/tailwind-dark.css +1 -71
  77. package/styles/split-button/tailwind.css +1 -71
  78. package/styles/tailwind-dark.css +4 -331
  79. package/styles/tailwind.css +4 -331
package/styles/split-button/bootstrap-dark.css CHANGED
@@ -5,7 +5,6 @@
5
5
  white-space: nowrap;
6
6
  width: min-content;
7
7
  }
8
-
9
8
  .e-split-btn-wrapper .e-split-btn {
10
9
  border-bottom-right-radius: 0;
11
10
  border-top-right-radius: 0;
@@ -14,50 +13,40 @@
14
13
  padding-left: 10px;
15
14
  padding-right: 10px;
16
15
  }
17
-
18
16
  .e-split-btn-wrapper .e-split-btn:focus {
19
17
  outline-offset: 0;
20
18
  }
21
-
22
19
  .e-split-btn-wrapper .e-split-btn:hover {
23
20
  box-shadow: none;
24
21
  }
25
-
26
22
  .e-split-btn-wrapper .e-split-btn:focus {
27
23
  box-shadow: none;
28
24
  }
29
-
30
25
  .e-split-btn-wrapper .e-split-btn:active {
31
26
  box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
32
27
  z-index: 2;
33
28
  }
34
-
35
29
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
36
30
  padding-bottom: 10px;
37
31
  padding-top: 10px;
38
32
  }
39
-
40
33
  .e-split-btn-wrapper .e-split-btn .e-btn-icon {
41
34
  font-size: 14px;
42
35
  margin-left: 0;
43
36
  padding-right: 8px;
44
37
  width: auto;
45
38
  }
46
-
47
39
  .e-split-btn-wrapper .e-split-btn .e-icon-top {
48
40
  padding-bottom: 4px;
49
41
  padding-right: 0;
50
42
  }
51
-
52
43
  .e-split-btn-wrapper .e-split-btn.e-icon-btn {
53
44
  padding-left: 10px;
54
45
  padding-right: 10px;
55
46
  }
56
-
57
47
  .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
58
48
  padding-right: 0;
59
49
  }
60
-
61
50
  .e-split-btn-wrapper .e-dropdown-btn {
62
51
  border-bottom-left-radius: 0;
63
52
  border-top-left-radius: 0;
@@ -65,44 +54,34 @@
65
54
  padding-left: 4px;
66
55
  padding-right: 4px;
67
56
  }
68
-
69
57
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
70
58
  box-shadow: none;
71
59
  }
72
-
73
60
  .e-split-btn-wrapper .e-dropdown-btn:active {
74
61
  box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
75
62
  z-index: 2;
76
63
  }
77
-
78
64
  .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
79
65
  z-index: 0;
80
66
  }
81
-
82
67
  .e-split-btn-wrapper .e-dropdown-btn:focus {
83
68
  outline-offset: 0;
84
69
  }
85
-
86
70
  .e-split-btn-wrapper .e-btn {
87
71
  box-shadow: none;
88
72
  }
89
-
90
73
  .e-split-btn-wrapper .e-btn:hover {
91
74
  box-shadow: none;
92
75
  }
93
-
94
76
  .e-split-btn-wrapper .e-btn:focus {
95
77
  box-shadow: none;
96
78
  }
97
-
98
79
  .e-split-btn-wrapper .e-btn:active {
99
80
  box-shadow: inset 0 3px 5px rgba(26, 26, 26, 0.125);
100
81
  }
101
-
102
82
  .e-split-btn-wrapper .e-btn:disabled {
103
83
  box-shadow: none;
104
84
  }
105
-
106
85
  .e-split-btn-wrapper.e-rtl .e-split-btn {
107
86
  border-bottom-left-radius: 0;
108
87
  border-bottom-right-radius: 4px;
@@ -112,26 +91,21 @@
112
91
  padding-left: 4px;
113
92
  padding-right: 10px;
114
93
  }
115
-
116
94
  .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
117
95
  margin-right: 0;
118
96
  padding-left: 8px;
119
97
  padding-right: 0;
120
98
  }
121
-
122
99
  .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
123
100
  padding-left: 0;
124
101
  }
125
-
126
102
  .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
127
103
  padding-left: 10px;
128
104
  padding-right: 10px;
129
105
  }
130
-
131
106
  .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
132
107
  padding-left: 0;
133
108
  }
134
-
135
109
  .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
136
110
  border-bottom-left-radius: 4px;
137
111
  border-bottom-right-radius: 0;
@@ -139,17 +113,14 @@
139
113
  border-top-right-radius: 0;
140
114
  margin-left: 0;
141
115
  }
142
-
143
116
  .e-split-btn-wrapper.e-vertical {
144
117
  display: inline-block;
145
118
  }
146
-
147
119
  .e-split-btn-wrapper.e-vertical .e-split-btn,
148
120
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
149
121
  display: block;
150
122
  width: 100%;
151
123
  }
152
-
153
124
  .e-split-btn-wrapper.e-vertical .e-split-btn {
154
125
  border-bottom-left-radius: 0;
155
126
  border-top-right-radius: 4px;
@@ -157,11 +128,9 @@
157
128
  padding-bottom: 4px;
158
129
  padding-right: 10px;
159
130
  }
160
-
161
131
  .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
162
132
  padding-bottom: 4px;
163
133
  }
164
-
165
134
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
166
135
  border-bottom-left-radius: 4px;
167
136
  border-top-right-radius: 0;
@@ -171,17 +140,14 @@
171
140
  padding-bottom: 4px;
172
141
  padding-top: 4px;
173
142
  }
174
-
175
143
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
176
144
  padding-top: 0;
177
145
  }
178
-
179
146
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
180
147
  border-bottom-right-radius: 0;
181
148
  border-top-left-radius: 4px;
182
149
  margin-left: 0;
183
150
  }
184
-
185
151
  .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
186
152
  border-bottom-right-radius: 4px;
187
153
  border-top-left-radius: 0;
@@ -192,13 +158,11 @@
192
158
  padding-left: 12px;
193
159
  padding-right: 6px;
194
160
  }
195
-
196
161
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
197
162
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
198
163
  padding-bottom: 12px;
199
164
  padding-top: 12px;
200
165
  }
201
-
202
166
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
203
167
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
204
168
  font-size: 16px;
@@ -206,70 +170,58 @@
206
170
  padding-right: 10px;
207
171
  width: auto;
208
172
  }
209
-
210
173
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
211
174
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
212
175
  padding-bottom: 6px;
213
176
  padding-right: 0;
214
177
  }
215
-
216
178
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
217
179
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
218
180
  padding-left: 12px;
219
181
  padding-right: 12px;
220
182
  }
221
-
222
183
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
223
184
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
224
185
  padding-right: 0;
225
186
  }
226
-
227
187
  .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
228
188
  .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
229
189
  padding-left: 4px;
230
190
  padding-right: 4px;
231
191
  }
232
-
233
192
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
234
193
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
235
194
  padding-left: 6px;
236
195
  padding-right: 12px;
237
196
  }
238
-
239
197
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
240
198
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
241
199
  padding-left: 10px;
242
200
  padding-right: 0;
243
201
  }
244
-
245
202
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
246
203
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
247
204
  padding-left: 0;
248
205
  }
249
-
250
206
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
251
207
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
252
208
  padding-left: 12px;
253
209
  padding-right: 12px;
254
210
  }
255
-
256
211
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
257
212
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
258
213
  padding-left: 0;
259
214
  }
260
-
261
215
  .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
262
216
  .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
263
217
  padding-bottom: 6px;
264
218
  padding-right: 12px;
265
219
  }
266
-
267
220
  .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
268
221
  .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
269
222
  padding-bottom: 4px;
270
223
  padding-top: 4px;
271
224
  }
272
-
273
225
  .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
274
226
  .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
275
227
  padding-top: 0;
@@ -279,101 +231,79 @@
279
231
  .e-split-btn-wrapper .e-split-btn {
280
232
  border-right-color: #585858;
281
233
  }
282
-
283
234
  .e-split-btn-wrapper .e-split-btn:focus {
284
235
  border-right-color: #585858;
285
236
  }
286
-
287
237
  .e-split-btn-wrapper .e-split-btn:active {
288
238
  border-right-color: #676767;
289
239
  }
290
-
291
240
  .e-split-btn-wrapper .e-split-btn:disabled {
292
241
  border-right-color: rgba(57, 57, 57, 0.4);
293
242
  }
294
-
295
243
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
296
244
  border-right-color: #676767;
297
245
  }
298
-
299
246
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
300
247
  border-right-color: rgba(88, 88, 88, 0.4);
301
248
  }
302
-
303
249
  .e-split-btn-wrapper.e-rtl .e-split-btn {
304
250
  border-left-color: #585858;
305
251
  border-right-color: #585858;
306
252
  }
307
-
308
253
  .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
309
254
  border-left-color: #585858;
310
255
  border-right-color: #585858;
311
256
  }
312
-
313
257
  .e-split-btn-wrapper.e-rtl .e-split-btn:active {
314
258
  border-left-color: #676767;
315
259
  border-right-color: #676767;
316
260
  }
317
-
318
261
  .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
319
262
  border-left-color: rgba(88, 88, 88, 0.4);
320
263
  border-right-color: rgba(172, 172, 172, 0.65);
321
264
  }
322
-
323
265
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
324
266
  border-left-color: #676767;
325
267
  border-right-color: #676767;
326
268
  }
327
-
328
269
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
329
270
  border-left-color: rgba(88, 88, 88, 0.4);
330
271
  }
331
-
332
272
  .e-split-btn-wrapper.e-vertical .e-split-btn {
333
273
  border-bottom-color: #585858;
334
274
  border-right-color: #585858;
335
275
  }
336
-
337
276
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
338
277
  border-bottom-color: #585858;
339
278
  border-right-color: #585858;
340
279
  }
341
-
342
280
  .e-split-btn-wrapper.e-vertical .e-split-btn:active {
343
281
  border-bottom-color: #676767;
344
282
  border-right-color: #676767;
345
283
  }
346
-
347
284
  .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
348
285
  border-bottom-color: rgba(88, 88, 88, 0.4);
349
286
  border-right-color: rgba(172, 172, 172, 0.65);
350
287
  }
351
-
352
288
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
353
289
  border-bottom-color: #676767;
354
290
  border-right-color: #676767;
355
291
  }
356
-
357
292
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
358
293
  border-bottom-color: rgba(88, 88, 88, 0.4);
359
294
  }
360
-
361
295
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
362
296
  border-left-color: #585858;
363
297
  }
364
-
365
298
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
366
299
  border-left-color: #585858;
367
300
  }
368
-
369
301
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
370
302
  border-left-color: #676767;
371
303
  }
372
-
373
304
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
374
305
  border-left-color: #acacac;
375
306
  }
376
-
377
307
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
378
308
  border-left-color: #676767;
379
- }
309
+ }
package/styles/split-button/bootstrap.css CHANGED
@@ -5,7 +5,6 @@
5
5
  white-space: nowrap;
6
6
  width: min-content;
7
7
  }
8
-
9
8
  .e-split-btn-wrapper .e-split-btn {
10
9
  border-bottom-right-radius: 0;
11
10
  border-top-right-radius: 0;
@@ -14,50 +13,40 @@
14
13
  padding-left: 10px;
15
14
  padding-right: 10px;
16
15
  }
17
-
18
16
  .e-split-btn-wrapper .e-split-btn:focus {
19
17
  outline-offset: 0;
20
18
  }
21
-
22
19
  .e-split-btn-wrapper .e-split-btn:hover {
23
20
  box-shadow: none;
24
21
  }
25
-
26
22
  .e-split-btn-wrapper .e-split-btn:focus {
27
23
  box-shadow: none;
28
24
  }
29
-
30
25
  .e-split-btn-wrapper .e-split-btn:active {
31
26
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
32
27
  z-index: 2;
33
28
  }
34
-
35
29
  .e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
36
30
  padding-bottom: 10px;
37
31
  padding-top: 10px;
38
32
  }
39
-
40
33
  .e-split-btn-wrapper .e-split-btn .e-btn-icon {
41
34
  font-size: 14px;
42
35
  margin-left: 0;
43
36
  padding-right: 8px;
44
37
  width: auto;
45
38
  }
46
-
47
39
  .e-split-btn-wrapper .e-split-btn .e-icon-top {
48
40
  padding-bottom: 4px;
49
41
  padding-right: 0;
50
42
  }
51
-
52
43
  .e-split-btn-wrapper .e-split-btn.e-icon-btn {
53
44
  padding-left: 10px;
54
45
  padding-right: 10px;
55
46
  }
56
-
57
47
  .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
58
48
  padding-right: 0;
59
49
  }
60
-
61
50
  .e-split-btn-wrapper .e-dropdown-btn {
62
51
  border-bottom-left-radius: 0;
63
52
  border-top-left-radius: 0;
@@ -65,44 +54,34 @@
65
54
  padding-left: 4px;
66
55
  padding-right: 4px;
67
56
  }
68
-
69
57
  .e-split-btn-wrapper .e-dropdown-btn:focus, .e-split-btn-wrapper .e-dropdown-btn:hover {
70
58
  box-shadow: none;
71
59
  }
72
-
73
60
  .e-split-btn-wrapper .e-dropdown-btn:active {
74
61
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
75
62
  z-index: 2;
76
63
  }
77
-
78
64
  .e-split-btn-wrapper .e-dropdown-btn:disabled:focus, .e-split-btn-wrapper .e-dropdown-btn:disabled:hover, .e-split-btn-wrapper .e-dropdown-btn:disabled:active {
79
65
  z-index: 0;
80
66
  }
81
-
82
67
  .e-split-btn-wrapper .e-dropdown-btn:focus {
83
68
  outline-offset: 0;
84
69
  }
85
-
86
70
  .e-split-btn-wrapper .e-btn {
87
71
  box-shadow: none;
88
72
  }
89
-
90
73
  .e-split-btn-wrapper .e-btn:hover {
91
74
  box-shadow: none;
92
75
  }
93
-
94
76
  .e-split-btn-wrapper .e-btn:focus {
95
77
  box-shadow: none;
96
78
  }
97
-
98
79
  .e-split-btn-wrapper .e-btn:active {
99
80
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
100
81
  }
101
-
102
82
  .e-split-btn-wrapper .e-btn:disabled {
103
83
  box-shadow: none;
104
84
  }
105
-
106
85
  .e-split-btn-wrapper.e-rtl .e-split-btn {
107
86
  border-bottom-left-radius: 0;
108
87
  border-bottom-right-radius: 4px;
@@ -112,26 +91,21 @@
112
91
  padding-left: 4px;
113
92
  padding-right: 10px;
114
93
  }
115
-
116
94
  .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
117
95
  margin-right: 0;
118
96
  padding-left: 8px;
119
97
  padding-right: 0;
120
98
  }
121
-
122
99
  .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
123
100
  padding-left: 0;
124
101
  }
125
-
126
102
  .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
127
103
  padding-left: 10px;
128
104
  padding-right: 10px;
129
105
  }
130
-
131
106
  .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
132
107
  padding-left: 0;
133
108
  }
134
-
135
109
  .e-split-btn-wrapper.e-rtl .e-dropdown-btn {
136
110
  border-bottom-left-radius: 4px;
137
111
  border-bottom-right-radius: 0;
@@ -139,17 +113,14 @@
139
113
  border-top-right-radius: 0;
140
114
  margin-left: 0;
141
115
  }
142
-
143
116
  .e-split-btn-wrapper.e-vertical {
144
117
  display: inline-block;
145
118
  }
146
-
147
119
  .e-split-btn-wrapper.e-vertical .e-split-btn,
148
120
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
149
121
  display: block;
150
122
  width: 100%;
151
123
  }
152
-
153
124
  .e-split-btn-wrapper.e-vertical .e-split-btn {
154
125
  border-bottom-left-radius: 0;
155
126
  border-top-right-radius: 4px;
@@ -157,11 +128,9 @@
157
128
  padding-bottom: 4px;
158
129
  padding-right: 10px;
159
130
  }
160
-
161
131
  .e-split-btn-wrapper.e-vertical .e-split-btn .e-icon-top {
162
132
  padding-bottom: 4px;
163
133
  }
164
-
165
134
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn {
166
135
  border-bottom-left-radius: 4px;
167
136
  border-top-right-radius: 0;
@@ -171,17 +140,14 @@
171
140
  padding-bottom: 4px;
172
141
  padding-top: 4px;
173
142
  }
174
-
175
143
  .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
176
144
  padding-top: 0;
177
145
  }
178
-
179
146
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
180
147
  border-bottom-right-radius: 0;
181
148
  border-top-left-radius: 4px;
182
149
  margin-left: 0;
183
150
  }
184
-
185
151
  .e-split-btn-wrapper.e-vertical.e-rtl .e-dropdown-btn {
186
152
  border-bottom-right-radius: 4px;
187
153
  border-top-left-radius: 0;
@@ -192,13 +158,11 @@
192
158
  padding-left: 12px;
193
159
  padding-right: 6px;
194
160
  }
195
-
196
161
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-top-icon-btn,
197
162
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-top-icon-btn {
198
163
  padding-bottom: 12px;
199
164
  padding-top: 12px;
200
165
  }
201
-
202
166
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
203
167
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
204
168
  font-size: 16px;
@@ -206,70 +170,58 @@
206
170
  padding-right: 10px;
207
171
  width: auto;
208
172
  }
209
-
210
173
  .e-bigger .e-split-btn-wrapper .e-split-btn .e-icon-top,
211
174
  .e-bigger.e-split-btn-wrapper .e-split-btn .e-icon-top {
212
175
  padding-bottom: 6px;
213
176
  padding-right: 0;
214
177
  }
215
-
216
178
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn,
217
179
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn {
218
180
  padding-left: 12px;
219
181
  padding-right: 12px;
220
182
  }
221
-
222
183
  .e-bigger .e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon,
223
184
  .e-bigger.e-split-btn-wrapper .e-split-btn.e-icon-btn .e-btn-icon {
224
185
  padding-right: 0;
225
186
  }
226
-
227
187
  .e-bigger .e-split-btn-wrapper .e-dropdown-btn,
228
188
  .e-bigger.e-split-btn-wrapper .e-dropdown-btn {
229
189
  padding-left: 4px;
230
190
  padding-right: 4px;
231
191
  }
232
-
233
192
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn,
234
193
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn {
235
194
  padding-left: 6px;
236
195
  padding-right: 12px;
237
196
  }
238
-
239
197
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon,
240
198
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-btn-icon {
241
199
  padding-left: 10px;
242
200
  padding-right: 0;
243
201
  }
244
-
245
202
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top,
246
203
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn .e-icon-top {
247
204
  padding-left: 0;
248
205
  }
249
-
250
206
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn,
251
207
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn {
252
208
  padding-left: 12px;
253
209
  padding-right: 12px;
254
210
  }
255
-
256
211
  .e-bigger .e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon,
257
212
  .e-bigger.e-split-btn-wrapper.e-rtl .e-split-btn.e-icon-btn .e-btn-icon {
258
213
  padding-left: 0;
259
214
  }
260
-
261
215
  .e-bigger .e-split-btn-wrapper.e-vertical .e-split-btn,
262
216
  .e-bigger.e-split-btn-wrapper.e-vertical .e-split-btn {
263
217
  padding-bottom: 6px;
264
218
  padding-right: 12px;
265
219
  }
266
-
267
220
  .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn,
268
221
  .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn {
269
222
  padding-bottom: 4px;
270
223
  padding-top: 4px;
271
224
  }
272
-
273
225
  .e-bigger .e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom,
274
226
  .e-bigger.e-split-btn-wrapper.e-vertical .e-dropdown-btn .e-icon-bottom {
275
227
  padding-top: 0;
@@ -279,101 +231,79 @@
279
231
  .e-split-btn-wrapper .e-split-btn {
280
232
  border-right-color: #ccc;
281
233
  }
282
-
283
234
  .e-split-btn-wrapper .e-split-btn:focus {
284
235
  border-right-color: #8c8c8c;
285
236
  }
286
-
287
237
  .e-split-btn-wrapper .e-split-btn:active {
288
238
  border-right-color: #adadad;
289
239
  }
290
-
291
240
  .e-split-btn-wrapper .e-split-btn:disabled {
292
241
  border-right-color: rgba(255, 255, 255, 0.65);
293
242
  }
294
-
295
243
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn {
296
244
  border-right-color: #adadad;
297
245
  }
298
-
299
246
  .e-split-btn-wrapper:hover :not(e-active) .e-split-btn:disabled {
300
247
  border-right-color: rgba(204, 204, 204, 0.65);
301
248
  }
302
-
303
249
  .e-split-btn-wrapper.e-rtl .e-split-btn {
304
250
  border-left-color: #ccc;
305
251
  border-right-color: #ccc;
306
252
  }
307
-
308
253
  .e-split-btn-wrapper.e-rtl .e-split-btn:focus {
309
254
  border-left-color: #8c8c8c;
310
255
  border-right-color: #8c8c8c;
311
256
  }
312
-
313
257
  .e-split-btn-wrapper.e-rtl .e-split-btn:active {
314
258
  border-left-color: #adadad;
315
259
  border-right-color: #adadad;
316
260
  }
317
-
318
261
  .e-split-btn-wrapper.e-rtl .e-split-btn:disabled {
319
262
  border-left-color: rgba(204, 204, 204, 0.65);
320
263
  border-right-color: rgba(204, 204, 204, 0.65);
321
264
  }
322
-
323
265
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active) {
324
266
  border-left-color: #adadad;
325
267
  border-right-color: #adadad;
326
268
  }
327
-
328
269
  .e-split-btn-wrapper.e-rtl:hover .e-split-btn :not(e-active):disabled {
329
270
  border-left-color: rgba(204, 204, 204, 0.65);
330
271
  }
331
-
332
272
  .e-split-btn-wrapper.e-vertical .e-split-btn {
333
273
  border-bottom-color: #ccc;
334
274
  border-right-color: #ccc;
335
275
  }
336
-
337
276
  .e-split-btn-wrapper.e-vertical .e-split-btn:focus {
338
277
  border-bottom-color: #8c8c8c;
339
278
  border-right-color: #8c8c8c;
340
279
  }
341
-
342
280
  .e-split-btn-wrapper.e-vertical .e-split-btn:active {
343
281
  border-bottom-color: #adadad;
344
282
  border-right-color: #adadad;
345
283
  }
346
-
347
284
  .e-split-btn-wrapper.e-vertical .e-split-btn:disabled {
348
285
  border-bottom-color: rgba(204, 204, 204, 0.65);
349
286
  border-right-color: rgba(204, 204, 204, 0.65);
350
287
  }
351
-
352
288
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn {
353
289
  border-bottom-color: #adadad;
354
290
  border-right-color: #adadad;
355
291
  }
356
-
357
292
  .e-split-btn-wrapper.e-vertical:hover .e-split-btn:disabled {
358
293
  border-bottom-color: rgba(204, 204, 204, 0.65);
359
294
  }
360
-
361
295
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn {
362
296
  border-left-color: #ccc;
363
297
  }
364
-
365
298
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:focus {
366
299
  border-left-color: #8c8c8c;
367
300
  }
368
-
369
301
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:active {
370
302
  border-left-color: #adadad;
371
303
  }
372
-
373
304
  .e-split-btn-wrapper.e-vertical.e-rtl .e-split-btn:disabled {
374
305
  border-left-color: #ccc;
375
306
  }
376
-
377
307
  .e-split-btn-wrapper.e-vertical.e-rtl:hover .e-split-btn {
378
308
  border-left-color: #adadad;
379
- }
309
+ }