@syncfusion/ej2-vue-splitbuttons 26.1.35 → 26.2.4

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