@syncfusion/ej2-vue-splitbuttons 26.1.35 → 26.2.5

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
@@ -1,244 +1 @@
1
- .e-dropdown-btn .e-caret::before,
2
- .e-dropdown-btn.e-btn .e-caret::before {
3
- content: "\e969";
4
- }
5
-
6
- .e-dropdown-btn,
7
- .e-dropdown-btn.e-btn {
8
- -webkit-box-shadow: none;
9
- box-shadow: none;
10
- text-transform: none;
11
- white-space: normal;
12
- }
13
- .e-dropdown-btn:hover,
14
- .e-dropdown-btn.e-btn:hover {
15
- -webkit-box-shadow: none;
16
- box-shadow: none;
17
- }
18
- .e-dropdown-btn:focus,
19
- .e-dropdown-btn.e-btn:focus {
20
- -webkit-box-shadow: none;
21
- box-shadow: none;
22
- }
23
- .e-dropdown-btn:active,
24
- .e-dropdown-btn.e-btn:active {
25
- -webkit-box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
26
- box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
27
- }
28
- .e-dropdown-btn .e-btn-icon,
29
- .e-dropdown-btn.e-btn .e-btn-icon {
30
- font-size: 14px;
31
- }
32
- .e-dropdown-btn .e-caret,
33
- .e-dropdown-btn.e-btn .e-caret {
34
- font-size: 8px;
35
- }
36
- .e-dropdown-btn.e-vertical,
37
- .e-dropdown-btn.e-btn.e-vertical {
38
- line-height: 1;
39
- padding: 6px 12px;
40
- }
41
- .e-dropdown-btn.e-caret-hide .e-caret,
42
- .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
43
- display: none;
44
- }
45
- .e-dropdown-btn.e-small .e-dropdown-popup ul,
46
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
47
- padding: 5px 0;
48
- }
49
- .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
50
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
51
- padding: 0 14px;
52
- }
53
- .e-dropdown-btn.e-small.e-vertical,
54
- .e-dropdown-btn.e-btn.e-small.e-vertical {
55
- line-height: 1;
56
- padding: 6px 12px;
57
- }
58
- .e-bigger .e-dropdown-btn .e-btn-icon,
59
- .e-bigger.e-dropdown-btn .e-btn-icon {
60
- font-size: 16px;
61
- }
62
- .e-bigger .e-dropdown-btn .e-caret,
63
- .e-bigger.e-dropdown-btn .e-caret {
64
- font-size: 10px;
65
- }
66
- .e-bigger .e-dropdown-btn.e-vertical,
67
- .e-bigger.e-dropdown-btn.e-vertical {
68
- line-height: 1;
69
- padding: 8px 16px;
70
- }
71
- .e-bigger .e-dropdown-btn.e-small.e-vertical,
72
- .e-bigger.e-dropdown-btn.e-small.e-vertical {
73
- line-height: 1;
74
- padding: 8px 16px;
75
- }
76
-
77
- .e-dropdown-popup {
78
- position: absolute;
79
- }
80
- .e-dropdown-popup ul {
81
- border: 1px solid #414141;
82
- border-radius: 4px;
83
- -webkit-box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
84
- box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
85
- -webkit-box-sizing: border-box;
86
- box-sizing: border-box;
87
- font-size: 14px;
88
- font-weight: normal;
89
- list-style-image: none;
90
- list-style-position: outside;
91
- list-style-type: none;
92
- margin: 0;
93
- min-width: 120px;
94
- overflow: hidden;
95
- padding: 3px 0;
96
- -webkit-user-select: none;
97
- -moz-user-select: none;
98
- -ms-user-select: none;
99
- user-select: none;
100
- white-space: nowrap;
101
- }
102
- .e-dropdown-popup ul .e-item {
103
- cursor: pointer;
104
- display: -webkit-box;
105
- display: -ms-flexbox;
106
- display: flex;
107
- height: 26px;
108
- line-height: 26px;
109
- padding: 0 14px;
110
- }
111
- .e-dropdown-popup ul .e-item.e-separator {
112
- padding: 0 !important; /* stylelint-disable-line declaration-no-important */
113
- }
114
- .e-dropdown-popup ul .e-item.e-url {
115
- padding: 0;
116
- }
117
- .e-dropdown-popup ul .e-item .e-menu-url {
118
- display: block;
119
- padding: 0 14px;
120
- text-decoration: none;
121
- width: 100%;
122
- }
123
- .e-dropdown-popup ul .e-item .e-menu-icon {
124
- float: left;
125
- font-size: 16px;
126
- line-height: 26px;
127
- margin-right: 12px;
128
- vertical-align: middle;
129
- width: 1em;
130
- }
131
- .e-dropdown-popup ul .e-item.e-disabled {
132
- cursor: auto;
133
- pointer-events: none;
134
- }
135
- .e-dropdown-popup ul .e-item.e-separator {
136
- border-bottom-style: solid;
137
- border-bottom-width: 1px;
138
- cursor: auto;
139
- height: auto;
140
- line-height: normal;
141
- margin: 3px 0;
142
- pointer-events: none;
143
- }
144
- .e-dropdown-popup.e-transparent {
145
- background: transparent;
146
- -webkit-box-shadow: none;
147
- box-shadow: none;
148
- }
149
- .e-dropdown-popup.e-transparent .e-dropdown-menu {
150
- border: 0;
151
- height: 1px;
152
- min-width: 0;
153
- padding: 0;
154
- width: 1px;
155
- }
156
-
157
- .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
158
- float: right;
159
- margin-left: 12px;
160
- margin-right: 0;
161
- }
162
-
163
- *.e-bigger .e-dropdown-popup ul,
164
- *.e-bigger.e-dropdown-popup ul {
165
- -webkit-box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
166
- box-shadow: 0 6px 12px rgba(26, 26, 26, 0.175);
167
- font-size: 15px;
168
- max-width: 280px;
169
- min-width: 112px;
170
- padding: 5px 0;
171
- }
172
- *.e-bigger .e-dropdown-popup ul .e-item,
173
- *.e-bigger.e-dropdown-popup ul .e-item {
174
- height: 40px;
175
- line-height: 40px;
176
- padding: 0 14px;
177
- }
178
- *.e-bigger .e-dropdown-popup ul .e-item.e-url,
179
- *.e-bigger.e-dropdown-popup ul .e-item.e-url {
180
- padding: 0;
181
- }
182
- *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
183
- *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
184
- font-size: 16px;
185
- line-height: 40px;
186
- }
187
- *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
188
- *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
189
- height: auto;
190
- line-height: normal;
191
- }
192
-
193
- .e-dropdown-popup {
194
- background: #2a2a2a;
195
- color: #f0f0f0;
196
- }
197
- .e-dropdown-popup ul .e-item .e-menu-url {
198
- color: #f0f0f0;
199
- }
200
- .e-dropdown-popup ul .e-item .e-menu-icon {
201
- color: #f0f0f0;
202
- }
203
- .e-dropdown-popup ul .e-item.e-focused {
204
- background: transparent;
205
- -webkit-box-shadow: inset 0 0 0 1px #585858;
206
- box-shadow: inset 0 0 0 1px #585858;
207
- }
208
- .e-dropdown-popup ul .e-item:hover {
209
- background: #414141;
210
- color: #fff;
211
- }
212
- .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
213
- background: #0070f0;
214
- color: #fff;
215
- }
216
- .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
217
- color: #fff;
218
- }
219
- .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
220
- color: #fff;
221
- }
222
- .e-dropdown-popup ul .e-separator {
223
- border-bottom-color: #414141;
224
- }
225
-
226
- .e-dropdown-btn.e-inherit,
227
- .e-dropdown-btn.e-btn.e-inherit {
228
- background: inherit;
229
- border-color: transparent;
230
- -webkit-box-shadow: none;
231
- box-shadow: none;
232
- color: inherit;
233
- }
234
- .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
235
- .e-dropdown-btn.e-btn.e-inherit:hover,
236
- .e-dropdown-btn.e-btn.e-inherit:focus,
237
- .e-dropdown-btn.e-btn.e-inherit:active,
238
- .e-dropdown-btn.e-btn.e-inherit.e-active {
239
- background: rgba(0, 0, 0, 0.056);
240
- border-color: transparent;
241
- -webkit-box-shadow: none;
242
- box-shadow: none;
243
- color: inherit;
244
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/drop-down-button/bootstrap-dark.css';
@@ -1,244 +1 @@
1
- .e-dropdown-btn .e-caret::before,
2
- .e-dropdown-btn.e-btn .e-caret::before {
3
- content: "\e969";
4
- }
5
-
6
- .e-dropdown-btn,
7
- .e-dropdown-btn.e-btn {
8
- -webkit-box-shadow: none;
9
- box-shadow: none;
10
- text-transform: none;
11
- white-space: normal;
12
- }
13
- .e-dropdown-btn:hover,
14
- .e-dropdown-btn.e-btn:hover {
15
- -webkit-box-shadow: none;
16
- box-shadow: none;
17
- }
18
- .e-dropdown-btn:focus,
19
- .e-dropdown-btn.e-btn:focus {
20
- -webkit-box-shadow: none;
21
- box-shadow: none;
22
- }
23
- .e-dropdown-btn:active,
24
- .e-dropdown-btn.e-btn:active {
25
- -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
26
- box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
27
- }
28
- .e-dropdown-btn .e-btn-icon,
29
- .e-dropdown-btn.e-btn .e-btn-icon {
30
- font-size: 14px;
31
- }
32
- .e-dropdown-btn .e-caret,
33
- .e-dropdown-btn.e-btn .e-caret {
34
- font-size: 8px;
35
- }
36
- .e-dropdown-btn.e-vertical,
37
- .e-dropdown-btn.e-btn.e-vertical {
38
- line-height: 1;
39
- padding: 6px 12px;
40
- }
41
- .e-dropdown-btn.e-caret-hide .e-caret,
42
- .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
43
- display: none;
44
- }
45
- .e-dropdown-btn.e-small .e-dropdown-popup ul,
46
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
47
- padding: 5px 0;
48
- }
49
- .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
50
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
51
- padding: 0 14px;
52
- }
53
- .e-dropdown-btn.e-small.e-vertical,
54
- .e-dropdown-btn.e-btn.e-small.e-vertical {
55
- line-height: 1;
56
- padding: 6px 12px;
57
- }
58
- .e-bigger .e-dropdown-btn .e-btn-icon,
59
- .e-bigger.e-dropdown-btn .e-btn-icon {
60
- font-size: 16px;
61
- }
62
- .e-bigger .e-dropdown-btn .e-caret,
63
- .e-bigger.e-dropdown-btn .e-caret {
64
- font-size: 10px;
65
- }
66
- .e-bigger .e-dropdown-btn.e-vertical,
67
- .e-bigger.e-dropdown-btn.e-vertical {
68
- line-height: 1;
69
- padding: 8px 16px;
70
- }
71
- .e-bigger .e-dropdown-btn.e-small.e-vertical,
72
- .e-bigger.e-dropdown-btn.e-small.e-vertical {
73
- line-height: 1;
74
- padding: 8px 16px;
75
- }
76
-
77
- .e-dropdown-popup {
78
- position: absolute;
79
- }
80
- .e-dropdown-popup ul {
81
- border: 1px solid #ccc;
82
- border-radius: 4px;
83
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
84
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
85
- -webkit-box-sizing: border-box;
86
- box-sizing: border-box;
87
- font-size: 14px;
88
- font-weight: normal;
89
- list-style-image: none;
90
- list-style-position: outside;
91
- list-style-type: none;
92
- margin: 0;
93
- min-width: 120px;
94
- overflow: hidden;
95
- padding: 3px 0;
96
- -webkit-user-select: none;
97
- -moz-user-select: none;
98
- -ms-user-select: none;
99
- user-select: none;
100
- white-space: nowrap;
101
- }
102
- .e-dropdown-popup ul .e-item {
103
- cursor: pointer;
104
- display: -webkit-box;
105
- display: -ms-flexbox;
106
- display: flex;
107
- height: 26px;
108
- line-height: 26px;
109
- padding: 0 14px;
110
- }
111
- .e-dropdown-popup ul .e-item.e-separator {
112
- padding: 0 !important; /* stylelint-disable-line declaration-no-important */
113
- }
114
- .e-dropdown-popup ul .e-item.e-url {
115
- padding: 0;
116
- }
117
- .e-dropdown-popup ul .e-item .e-menu-url {
118
- display: block;
119
- padding: 0 14px;
120
- text-decoration: none;
121
- width: 100%;
122
- }
123
- .e-dropdown-popup ul .e-item .e-menu-icon {
124
- float: left;
125
- font-size: 16px;
126
- line-height: 26px;
127
- margin-right: 12px;
128
- vertical-align: middle;
129
- width: 1em;
130
- }
131
- .e-dropdown-popup ul .e-item.e-disabled {
132
- cursor: auto;
133
- pointer-events: none;
134
- }
135
- .e-dropdown-popup ul .e-item.e-separator {
136
- border-bottom-style: solid;
137
- border-bottom-width: 1px;
138
- cursor: auto;
139
- height: auto;
140
- line-height: normal;
141
- margin: 3px 0;
142
- pointer-events: none;
143
- }
144
- .e-dropdown-popup.e-transparent {
145
- background: transparent;
146
- -webkit-box-shadow: none;
147
- box-shadow: none;
148
- }
149
- .e-dropdown-popup.e-transparent .e-dropdown-menu {
150
- border: 0;
151
- height: 1px;
152
- min-width: 0;
153
- padding: 0;
154
- width: 1px;
155
- }
156
-
157
- .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
158
- float: right;
159
- margin-left: 12px;
160
- margin-right: 0;
161
- }
162
-
163
- *.e-bigger .e-dropdown-popup ul,
164
- *.e-bigger.e-dropdown-popup ul {
165
- -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
166
- box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
167
- font-size: 15px;
168
- max-width: 280px;
169
- min-width: 112px;
170
- padding: 5px 0;
171
- }
172
- *.e-bigger .e-dropdown-popup ul .e-item,
173
- *.e-bigger.e-dropdown-popup ul .e-item {
174
- height: 40px;
175
- line-height: 40px;
176
- padding: 0 14px;
177
- }
178
- *.e-bigger .e-dropdown-popup ul .e-item.e-url,
179
- *.e-bigger.e-dropdown-popup ul .e-item.e-url {
180
- padding: 0;
181
- }
182
- *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
183
- *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
184
- font-size: 16px;
185
- line-height: 40px;
186
- }
187
- *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
188
- *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
189
- height: auto;
190
- line-height: normal;
191
- }
192
-
193
- .e-dropdown-popup {
194
- background: #fff;
195
- color: #333;
196
- }
197
- .e-dropdown-popup ul .e-item .e-menu-url {
198
- color: #333;
199
- }
200
- .e-dropdown-popup ul .e-item .e-menu-icon {
201
- color: #333;
202
- }
203
- .e-dropdown-popup ul .e-item.e-focused {
204
- background: transparent;
205
- -webkit-box-shadow: 0 0 0 1px #8c8c8c inset;
206
- box-shadow: 0 0 0 1px #8c8c8c inset;
207
- }
208
- .e-dropdown-popup ul .e-item:hover {
209
- background: #e6e6e6;
210
- color: #333;
211
- }
212
- .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
213
- background: #e6e6e6;
214
- color: #333;
215
- }
216
- .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
217
- color: #333;
218
- }
219
- .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
220
- color: #333;
221
- }
222
- .e-dropdown-popup ul .e-separator {
223
- border-bottom-color: #e6e6e6;
224
- }
225
-
226
- .e-dropdown-btn.e-inherit,
227
- .e-dropdown-btn.e-btn.e-inherit {
228
- background: inherit;
229
- border-color: transparent;
230
- -webkit-box-shadow: none;
231
- box-shadow: none;
232
- color: inherit;
233
- }
234
- .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
235
- .e-dropdown-btn.e-btn.e-inherit:hover,
236
- .e-dropdown-btn.e-btn.e-inherit:focus,
237
- .e-dropdown-btn.e-btn.e-inherit:active,
238
- .e-dropdown-btn.e-btn.e-inherit.e-active {
239
- background: rgba(0, 0, 0, 0.056);
240
- border-color: transparent;
241
- -webkit-box-shadow: none;
242
- box-shadow: none;
243
- color: inherit;
244
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/drop-down-button/bootstrap.css';
@@ -1,237 +1 @@
1
- .e-dropdown-btn .e-caret::before,
2
- .e-dropdown-btn.e-btn .e-caret::before {
3
- content: "\e744";
4
- }
5
-
6
- .e-dropdown-btn,
7
- .e-dropdown-btn.e-btn {
8
- text-transform: none;
9
- white-space: normal;
10
- }
11
- .e-dropdown-btn:focus,
12
- .e-dropdown-btn.e-btn:focus {
13
- -webkit-box-shadow: none;
14
- box-shadow: none;
15
- }
16
- .e-dropdown-btn:active,
17
- .e-dropdown-btn.e-btn:active {
18
- -webkit-box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
19
- box-shadow: 0 0 0 0.2rem rgba(99, 105, 111, 0.5);
20
- }
21
- .e-dropdown-btn .e-btn-icon,
22
- .e-dropdown-btn.e-btn .e-btn-icon {
23
- font-size: 14px;
24
- }
25
- .e-dropdown-btn .e-caret,
26
- .e-dropdown-btn.e-btn .e-caret {
27
- font-size: 8px;
28
- }
29
- .e-dropdown-btn.e-vertical,
30
- .e-dropdown-btn.e-btn.e-vertical {
31
- line-height: 1;
32
- padding: 6px 12px;
33
- }
34
- .e-dropdown-btn.e-caret-hide .e-caret,
35
- .e-dropdown-btn.e-btn.e-caret-hide .e-caret {
36
- display: none;
37
- }
38
- .e-dropdown-btn.e-small .e-dropdown-popup ul,
39
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul {
40
- padding: 4px 0;
41
- }
42
- .e-dropdown-btn.e-small .e-dropdown-popup ul .e-item,
43
- .e-dropdown-btn.e-btn.e-small .e-dropdown-popup ul .e-item {
44
- padding: 0 16px;
45
- }
46
- .e-dropdown-btn.e-small.e-vertical,
47
- .e-dropdown-btn.e-btn.e-small.e-vertical {
48
- line-height: 1;
49
- padding: 6px 12px;
50
- }
51
- .e-bigger .e-dropdown-btn .e-btn-icon,
52
- .e-bigger.e-dropdown-btn .e-btn-icon {
53
- font-size: 16px;
54
- }
55
- .e-bigger .e-dropdown-btn .e-caret,
56
- .e-bigger.e-dropdown-btn .e-caret {
57
- font-size: 10px;
58
- }
59
- .e-bigger .e-dropdown-btn.e-vertical,
60
- .e-bigger.e-dropdown-btn.e-vertical {
61
- line-height: 1;
62
- padding: 8px 16px;
63
- }
64
- .e-bigger .e-dropdown-btn.e-small.e-vertical,
65
- .e-bigger.e-dropdown-btn.e-small.e-vertical {
66
- line-height: 1;
67
- padding: 8px 16px;
68
- }
69
-
70
- .e-dropdown-popup {
71
- position: absolute;
72
- }
73
- .e-dropdown-popup ul {
74
- border: 1px solid rgba(0, 0, 0, 0.15);
75
- border-radius: 4px;
76
- -webkit-box-shadow: none;
77
- box-shadow: none;
78
- -webkit-box-sizing: border-box;
79
- box-sizing: border-box;
80
- font-size: 14px;
81
- font-weight: normal;
82
- list-style-image: none;
83
- list-style-position: outside;
84
- list-style-type: none;
85
- margin: 0;
86
- min-width: 120px;
87
- overflow: hidden;
88
- padding: 6px 0;
89
- -webkit-user-select: none;
90
- -moz-user-select: none;
91
- -ms-user-select: none;
92
- user-select: none;
93
- white-space: nowrap;
94
- }
95
- .e-dropdown-popup ul .e-item {
96
- cursor: pointer;
97
- display: -webkit-box;
98
- display: -ms-flexbox;
99
- display: flex;
100
- height: 26px;
101
- line-height: 26px;
102
- padding: 0 20px;
103
- }
104
- .e-dropdown-popup ul .e-item.e-separator {
105
- padding: 0 !important; /* stylelint-disable-line declaration-no-important */
106
- }
107
- .e-dropdown-popup ul .e-item.e-url {
108
- padding: 0;
109
- }
110
- .e-dropdown-popup ul .e-item .e-menu-url {
111
- display: block;
112
- padding: 0 20px;
113
- text-decoration: none;
114
- width: 100%;
115
- }
116
- .e-dropdown-popup ul .e-item .e-menu-icon {
117
- float: left;
118
- font-size: 16px;
119
- line-height: 26px;
120
- margin-right: 8px;
121
- vertical-align: middle;
122
- width: 1em;
123
- }
124
- .e-dropdown-popup ul .e-item.e-disabled {
125
- cursor: auto;
126
- pointer-events: none;
127
- }
128
- .e-dropdown-popup ul .e-item.e-separator {
129
- border-bottom-style: solid;
130
- border-bottom-width: 1px;
131
- cursor: auto;
132
- height: auto;
133
- line-height: normal;
134
- margin: 3px 0;
135
- pointer-events: none;
136
- }
137
- .e-dropdown-popup.e-transparent {
138
- background: transparent;
139
- -webkit-box-shadow: none;
140
- box-shadow: none;
141
- }
142
- .e-dropdown-popup.e-transparent .e-dropdown-menu {
143
- border: 0;
144
- height: 1px;
145
- min-width: 0;
146
- padding: 0;
147
- width: 1px;
148
- }
149
-
150
- .e-rtl.e-dropdown-popup .e-item .e-menu-icon {
151
- float: right;
152
- margin-left: 8px;
153
- margin-right: 0;
154
- }
155
-
156
- *.e-bigger .e-dropdown-popup ul,
157
- *.e-bigger.e-dropdown-popup ul {
158
- -webkit-box-shadow: none;
159
- box-shadow: none;
160
- font-size: 16px;
161
- max-width: 280px;
162
- min-width: 112px;
163
- padding: 8px 0;
164
- }
165
- *.e-bigger .e-dropdown-popup ul .e-item,
166
- *.e-bigger.e-dropdown-popup ul .e-item {
167
- height: 32px;
168
- line-height: 32px;
169
- padding: 0 24px;
170
- }
171
- *.e-bigger .e-dropdown-popup ul .e-item.e-url,
172
- *.e-bigger.e-dropdown-popup ul .e-item.e-url {
173
- padding: 0;
174
- }
175
- *.e-bigger .e-dropdown-popup ul .e-item .e-menu-icon,
176
- *.e-bigger.e-dropdown-popup ul .e-item .e-menu-icon {
177
- font-size: 16px;
178
- line-height: 32px;
179
- }
180
- *.e-bigger .e-dropdown-popup ul .e-item.e-separator,
181
- *.e-bigger.e-dropdown-popup ul .e-item.e-separator {
182
- height: auto;
183
- line-height: normal;
184
- }
185
-
186
- .e-dropdown-popup {
187
- background: #fff;
188
- color: #212529;
189
- }
190
- .e-dropdown-popup ul .e-item .e-menu-url {
191
- color: #212529;
192
- }
193
- .e-dropdown-popup ul .e-item .e-menu-icon {
194
- color: #212529;
195
- }
196
- .e-dropdown-popup ul .e-item.e-focused {
197
- background: #f2f4f6;
198
- -webkit-box-shadow: none;
199
- box-shadow: none;
200
- }
201
- .e-dropdown-popup ul .e-item:hover {
202
- background: #f2f4f6;
203
- color: #212529;
204
- }
205
- .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
206
- background: #007bff;
207
- color: #fff;
208
- }
209
- .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
210
- color: #fff;
211
- }
212
- .e-dropdown-popup ul .e-item:active .e-menu-icon, .e-dropdown-popup ul .e-item.e-selected .e-menu-icon {
213
- color: #fff;
214
- }
215
- .e-dropdown-popup ul .e-separator {
216
- border-bottom-color: #6c757d;
217
- }
218
-
219
- .e-dropdown-btn.e-inherit,
220
- .e-dropdown-btn.e-btn.e-inherit {
221
- background: inherit;
222
- border-color: transparent;
223
- -webkit-box-shadow: none;
224
- box-shadow: none;
225
- color: inherit;
226
- }
227
- .e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
228
- .e-dropdown-btn.e-btn.e-inherit:hover,
229
- .e-dropdown-btn.e-btn.e-inherit:focus,
230
- .e-dropdown-btn.e-btn.e-inherit:active,
231
- .e-dropdown-btn.e-btn.e-inherit.e-active {
232
- background: rgba(0, 0, 0, 0.056);
233
- border-color: transparent;
234
- -webkit-box-shadow: none;
235
- box-shadow: none;
236
- color: inherit;
237
- }
1
+ @import '@syncfusion/ej2-splitbuttons/styles/drop-down-button/bootstrap4.css';