@syncfusion/ej2-react-splitbuttons 23.2.4 → 24.1.44

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