@syncfusion/ej2-splitbuttons 20.1.57 → 20.2.36
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.
- package/CHANGELOG.md +0 -6
- package/dist/ej2-splitbuttons.umd.min.js +2 -2
- package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es2015.js +3 -2
- package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
- package/dist/es6/ej2-splitbuttons.es5.js +3 -2
- package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
- package/dist/global/ej2-splitbuttons.min.js +2 -2
- package/dist/global/ej2-splitbuttons.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/dist/ts/button-group/button-group.ts +84 -0
- package/dist/ts/common/common.ts +203 -0
- package/dist/ts/drop-down-button/drop-down-button.ts +806 -0
- package/dist/ts/progress-button/progress-button.ts +689 -0
- package/dist/ts/split-button/split-button.ts +501 -0
- package/helpers/e2e/dropdownbuttonHelper.js +55 -38
- package/helpers/e2e/index.js +10 -8
- package/helpers/e2e/progressbuttonHelper.js +52 -35
- package/helpers/e2e/splitbuttonHelper.js +58 -41
- package/package.json +7 -7
- package/src/drop-down-button/drop-down-button.js +3 -2
- package/styles/bootstrap-dark.css +0 -8
- package/styles/bootstrap.css +0 -8
- package/styles/bootstrap4.css +0 -8
- package/styles/bootstrap5-dark.css +14 -0
- package/styles/bootstrap5.css +14 -0
- package/styles/button-group/_fusionnew-definition.scss +31 -0
- package/styles/button-group/_layout.scss +1 -1
- package/styles/button-group/_material3-definition.scss +31 -0
- package/styles/button-group/_theme.scss +48 -12
- package/styles/button-group/bootstrap-dark.css +0 -8
- package/styles/button-group/bootstrap.css +0 -8
- package/styles/button-group/bootstrap4.css +0 -8
- package/styles/button-group/bootstrap5-dark.css +12 -0
- package/styles/button-group/bootstrap5.css +12 -0
- package/styles/button-group/fabric-dark.css +0 -8
- package/styles/button-group/fabric.css +0 -8
- package/styles/button-group/fluent-dark.css +0 -8
- package/styles/button-group/fluent.css +0 -8
- package/styles/button-group/highcontrast-light.css +0 -8
- package/styles/button-group/highcontrast.css +0 -8
- package/styles/button-group/material-dark.css +0 -8
- package/styles/button-group/material.css +0 -8
- package/styles/button-group/tailwind-dark.css +8 -12
- package/styles/button-group/tailwind.css +8 -12
- package/styles/drop-down-button/_fusionnew-definition.scss +51 -0
- package/styles/drop-down-button/_layout.scss +4 -2
- package/styles/drop-down-button/_material3-definition.scss +51 -0
- package/styles/drop-down-button/bootstrap5-dark.css +2 -0
- package/styles/drop-down-button/bootstrap5.css +2 -0
- package/styles/drop-down-button/icons/_fusionnew.scss +10 -0
- package/styles/drop-down-button/icons/_material3.scss +10 -0
- package/styles/drop-down-button/tailwind-dark.css +2 -0
- package/styles/drop-down-button/tailwind.css +2 -0
- package/styles/fabric-dark.css +0 -8
- package/styles/fabric.css +0 -8
- package/styles/fluent-dark.css +1 -9
- package/styles/fluent.css +1 -9
- package/styles/highcontrast-light.css +0 -8
- package/styles/highcontrast.css +0 -8
- package/styles/material-dark.css +0 -8
- package/styles/material.css +0 -8
- package/styles/progress-button/_fluent-definition.scss +1 -1
- package/styles/progress-button/_fusionnew-definition.scss +21 -0
- package/styles/progress-button/_material3-definition.scss +21 -0
- package/styles/progress-button/fluent-dark.css +1 -1
- package/styles/progress-button/fluent.css +1 -1
- package/styles/split-button/_fusionnew-definition.scss +25 -0
- package/styles/split-button/_material3-definition.scss +25 -0
- package/styles/tailwind-dark.css +10 -12
- package/styles/tailwind.css +10 -12
|
@@ -22,9 +22,12 @@
|
|
|
22
22
|
.e-btn:focus,
|
|
23
23
|
input:focus+label.e-btn {
|
|
24
24
|
@include button-focus;
|
|
25
|
-
@if $skin-name != 'bootstrap5' {
|
|
25
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
26
26
|
box-shadow: none;
|
|
27
27
|
}
|
|
28
|
+
@if $skin-name == 'bootstrap5' {
|
|
29
|
+
border-color: $btn-focus-bgcolor;
|
|
30
|
+
}
|
|
28
31
|
outline-color: $btn-grp-outline-focus-color;
|
|
29
32
|
@if $skin-name == 'fabric' {
|
|
30
33
|
outline-offset: -2px;
|
|
@@ -36,9 +39,12 @@
|
|
|
36
39
|
|
|
37
40
|
&.e-primary {
|
|
38
41
|
@include primary-focus;
|
|
39
|
-
@if $skin-name != 'bootstrap5' {
|
|
42
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
40
43
|
box-shadow: none;
|
|
41
44
|
}
|
|
45
|
+
@if $skin-name == 'bootstrap5' {
|
|
46
|
+
border-color: $btn-primary-focus-bgcolor;
|
|
47
|
+
}
|
|
42
48
|
outline-color: $btn-grp-outline-focus-primary-color;
|
|
43
49
|
@if $skin-name == 'fabric' {
|
|
44
50
|
border-color: transparent;
|
|
@@ -47,9 +53,12 @@
|
|
|
47
53
|
|
|
48
54
|
&.e-success {
|
|
49
55
|
@include success-focus;
|
|
50
|
-
@if $skin-name != 'bootstrap5' {
|
|
56
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
51
57
|
box-shadow: none;
|
|
52
58
|
}
|
|
59
|
+
@if $skin-name == 'bootstrap5' {
|
|
60
|
+
border-color: $btn-success-focus-bgcolor;
|
|
61
|
+
}
|
|
53
62
|
outline-color: $btn-grp-outline-focus-success-color;
|
|
54
63
|
@if $skin-name == 'fabric' {
|
|
55
64
|
border-color: transparent;
|
|
@@ -58,9 +67,12 @@
|
|
|
58
67
|
|
|
59
68
|
&.e-info {
|
|
60
69
|
@include info-focus;
|
|
61
|
-
@if $skin-name != 'bootstrap5' {
|
|
70
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
62
71
|
box-shadow: none;
|
|
63
72
|
}
|
|
73
|
+
@if $skin-name == 'bootstrap5' {
|
|
74
|
+
border-color: $btn-info-focus-bgcolor;
|
|
75
|
+
}
|
|
64
76
|
outline-color: $btn-grp-outline-focus-info-color;
|
|
65
77
|
@if $skin-name == 'fabric' {
|
|
66
78
|
border-color: transparent;
|
|
@@ -69,9 +81,12 @@
|
|
|
69
81
|
|
|
70
82
|
&.e-warning {
|
|
71
83
|
@include warning-focus;
|
|
72
|
-
@if $skin-name != 'bootstrap5' {
|
|
84
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
73
85
|
box-shadow: none;
|
|
74
86
|
}
|
|
87
|
+
@if $skin-name == 'bootstrap5' {
|
|
88
|
+
border-color: $btn-warning-focus-bgcolor;
|
|
89
|
+
}
|
|
75
90
|
outline-color: $btn-grp-outline-focus-warning-color;
|
|
76
91
|
@if $skin-name == 'fabric' {
|
|
77
92
|
border-color: transparent;
|
|
@@ -80,9 +95,12 @@
|
|
|
80
95
|
|
|
81
96
|
&.e-danger {
|
|
82
97
|
@include danger-focus;
|
|
83
|
-
@if $skin-name != 'bootstrap5' {
|
|
98
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
84
99
|
box-shadow: none;
|
|
85
100
|
}
|
|
101
|
+
@if $skin-name == 'bootstrap5' {
|
|
102
|
+
border-color: $btn-danger-focus-bgcolor;
|
|
103
|
+
}
|
|
86
104
|
outline-color: $btn-grp-outline-focus-danger-color;
|
|
87
105
|
@if $skin-name == 'fabric' {
|
|
88
106
|
border-color: transparent;
|
|
@@ -99,43 +117,61 @@
|
|
|
99
117
|
|
|
100
118
|
&.e-outline {
|
|
101
119
|
@include outline-focus;
|
|
102
|
-
@if $skin-name != 'bootstrap5' {
|
|
120
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
103
121
|
box-shadow: none;
|
|
104
122
|
}
|
|
123
|
+
@if $skin-name == 'bootstrap5' {
|
|
124
|
+
border-color: $btn-outline-focus-bgcolor;
|
|
125
|
+
}
|
|
105
126
|
|
|
106
127
|
&.e-primary {
|
|
107
128
|
@include outline-primary-focus;
|
|
108
|
-
@if $skin-name != 'bootstrap5' {
|
|
129
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
109
130
|
box-shadow: none;
|
|
110
131
|
}
|
|
132
|
+
@if $skin-name == 'bootstrap5' {
|
|
133
|
+
border-color: $btn-outline-primary-focus-bgcolor;
|
|
134
|
+
}
|
|
111
135
|
}
|
|
112
136
|
|
|
113
137
|
&.e-success {
|
|
114
138
|
@include outline-success-focus;
|
|
115
|
-
@if $skin-name != 'bootstrap5' {
|
|
139
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
116
140
|
box-shadow: none;
|
|
117
141
|
}
|
|
142
|
+
@if $skin-name == 'bootstrap5' {
|
|
143
|
+
border-color: $btn-success-focus-bgcolor;
|
|
144
|
+
}
|
|
118
145
|
}
|
|
119
146
|
|
|
120
147
|
&.e-info {
|
|
121
148
|
@include outline-info-focus;
|
|
122
|
-
@if $skin-name != 'bootstrap5' {
|
|
149
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
123
150
|
box-shadow: none;
|
|
124
151
|
}
|
|
152
|
+
@if $skin-name == 'bootstrap5' {
|
|
153
|
+
border-color: $btn-info-hover-bgcolor;
|
|
154
|
+
}
|
|
125
155
|
}
|
|
126
156
|
|
|
127
157
|
&.e-warning {
|
|
128
158
|
@include outline-warning-focus;
|
|
129
|
-
@if $skin-name != 'bootstrap5' {
|
|
159
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
130
160
|
box-shadow: none;
|
|
131
161
|
}
|
|
162
|
+
@if $skin-name == 'bootstrap5' {
|
|
163
|
+
border-color: $btn-warning-hover-bgcolor;
|
|
164
|
+
}
|
|
132
165
|
}
|
|
133
166
|
|
|
134
167
|
&.e-danger {
|
|
135
168
|
@include outline-danger-focus;
|
|
136
|
-
@if $skin-name != 'bootstrap5' {
|
|
169
|
+
@if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
|
|
137
170
|
box-shadow: none;
|
|
138
171
|
}
|
|
172
|
+
@if $skin-name == 'bootstrap5' {
|
|
173
|
+
border-color: $btn-danger-hover-bgcolor;
|
|
174
|
+
}
|
|
139
175
|
}
|
|
140
176
|
}
|
|
141
177
|
}
|
|
@@ -7,14 +7,6 @@
|
|
|
7
7
|
flex-direction: row;
|
|
8
8
|
position: relative;
|
|
9
9
|
}
|
|
10
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
11
|
-
*.e-btn-group .e-btn:focus,
|
|
12
|
-
*.e-btn-group .e-btn:hover,
|
|
13
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
14
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
15
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
16
|
-
z-index: 2;
|
|
17
|
-
}
|
|
18
10
|
*.e-btn-group input + label.e-btn,
|
|
19
11
|
*.e-css.e-btn-group input + label.e-btn {
|
|
20
12
|
margin-bottom: 0;
|
|
@@ -7,14 +7,6 @@
|
|
|
7
7
|
flex-direction: row;
|
|
8
8
|
position: relative;
|
|
9
9
|
}
|
|
10
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
11
|
-
*.e-btn-group .e-btn:focus,
|
|
12
|
-
*.e-btn-group .e-btn:hover,
|
|
13
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
14
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
15
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
16
|
-
z-index: 2;
|
|
17
|
-
}
|
|
18
10
|
*.e-btn-group input + label.e-btn,
|
|
19
11
|
*.e-css.e-btn-group input + label.e-btn {
|
|
20
12
|
margin-bottom: 0;
|
|
@@ -7,14 +7,6 @@
|
|
|
7
7
|
flex-direction: row;
|
|
8
8
|
position: relative;
|
|
9
9
|
}
|
|
10
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
11
|
-
*.e-btn-group .e-btn:focus,
|
|
12
|
-
*.e-btn-group .e-btn:hover,
|
|
13
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
14
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
15
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
16
|
-
z-index: 2;
|
|
17
|
-
}
|
|
18
10
|
*.e-btn-group input + label.e-btn,
|
|
19
11
|
*.e-css.e-btn-group input + label.e-btn {
|
|
20
12
|
margin-bottom: 0;
|
|
@@ -260,6 +260,7 @@
|
|
|
260
260
|
outline: #6c757d 0 solid;
|
|
261
261
|
outline-offset: 0;
|
|
262
262
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
263
|
+
border-color: #5c636a;
|
|
263
264
|
outline-color: inherit;
|
|
264
265
|
}
|
|
265
266
|
.e-btn-group .e-btn:focus.e-primary,
|
|
@@ -271,6 +272,7 @@
|
|
|
271
272
|
color: #fff;
|
|
272
273
|
outline: #6c757d 0 solid;
|
|
273
274
|
box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
|
|
275
|
+
border-color: #0b5ed7;
|
|
274
276
|
outline-color: inherit;
|
|
275
277
|
}
|
|
276
278
|
.e-btn-group .e-btn:focus.e-success,
|
|
@@ -281,6 +283,7 @@
|
|
|
281
283
|
border-color: #198754;
|
|
282
284
|
color: #fff;
|
|
283
285
|
box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
|
|
286
|
+
border-color: #157347;
|
|
284
287
|
outline-color: inherit;
|
|
285
288
|
}
|
|
286
289
|
.e-btn-group .e-btn:focus.e-info,
|
|
@@ -291,6 +294,7 @@
|
|
|
291
294
|
border-color: #0dcaf0;
|
|
292
295
|
color: #000;
|
|
293
296
|
box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
|
|
297
|
+
border-color: #31d2f2;
|
|
294
298
|
outline-color: inherit;
|
|
295
299
|
}
|
|
296
300
|
.e-btn-group .e-btn:focus.e-warning,
|
|
@@ -301,6 +305,7 @@
|
|
|
301
305
|
border-color: #ffc107;
|
|
302
306
|
color: #000;
|
|
303
307
|
box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
|
|
308
|
+
border-color: #ffca2c;
|
|
304
309
|
outline-color: inherit;
|
|
305
310
|
}
|
|
306
311
|
.e-btn-group .e-btn:focus.e-danger,
|
|
@@ -311,6 +316,7 @@
|
|
|
311
316
|
border-color: #dc3545;
|
|
312
317
|
color: #fff;
|
|
313
318
|
box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
|
|
319
|
+
border-color: #bb2d3b;
|
|
314
320
|
outline-color: inherit;
|
|
315
321
|
}
|
|
316
322
|
.e-btn-group .e-btn:focus.e-link,
|
|
@@ -330,36 +336,42 @@
|
|
|
330
336
|
.e-css.e-btn-group .e-btn:focus.e-outline,
|
|
331
337
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline {
|
|
332
338
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
339
|
+
border-color: #5c636a;
|
|
333
340
|
}
|
|
334
341
|
.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
335
342
|
.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
|
|
336
343
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
337
344
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
|
|
338
345
|
box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
|
|
346
|
+
border-color: #0d6efd;
|
|
339
347
|
}
|
|
340
348
|
.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
341
349
|
.e-btn-group input:focus + label.e-btn.e-outline.e-success,
|
|
342
350
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
343
351
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
|
|
344
352
|
box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
|
|
353
|
+
border-color: #157347;
|
|
345
354
|
}
|
|
346
355
|
.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
347
356
|
.e-btn-group input:focus + label.e-btn.e-outline.e-info,
|
|
348
357
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
349
358
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
|
|
350
359
|
box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
|
|
360
|
+
border-color: #31d2f2;
|
|
351
361
|
}
|
|
352
362
|
.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
353
363
|
.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
|
|
354
364
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
355
365
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
|
|
356
366
|
box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
|
|
367
|
+
border-color: #ffca2c;
|
|
357
368
|
}
|
|
358
369
|
.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
359
370
|
.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
|
|
360
371
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
361
372
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
|
|
362
373
|
box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
|
|
374
|
+
border-color: #bb2d3b;
|
|
363
375
|
}
|
|
364
376
|
.e-btn-group .e-btn:active,
|
|
365
377
|
.e-btn-group input:active + label.e-btn,
|
|
@@ -260,6 +260,7 @@
|
|
|
260
260
|
outline: #6c757d 0 solid;
|
|
261
261
|
outline-offset: 0;
|
|
262
262
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
263
|
+
border-color: #5c636a;
|
|
263
264
|
outline-color: inherit;
|
|
264
265
|
}
|
|
265
266
|
.e-btn-group .e-btn:focus.e-primary,
|
|
@@ -271,6 +272,7 @@
|
|
|
271
272
|
color: #fff;
|
|
272
273
|
outline: #6c757d 0 solid;
|
|
273
274
|
box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
|
|
275
|
+
border-color: #0b5ed7;
|
|
274
276
|
outline-color: inherit;
|
|
275
277
|
}
|
|
276
278
|
.e-btn-group .e-btn:focus.e-success,
|
|
@@ -281,6 +283,7 @@
|
|
|
281
283
|
border-color: #198754;
|
|
282
284
|
color: #fff;
|
|
283
285
|
box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
|
|
286
|
+
border-color: #157347;
|
|
284
287
|
outline-color: inherit;
|
|
285
288
|
}
|
|
286
289
|
.e-btn-group .e-btn:focus.e-info,
|
|
@@ -291,6 +294,7 @@
|
|
|
291
294
|
border-color: #0dcaf0;
|
|
292
295
|
color: #000;
|
|
293
296
|
box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
|
|
297
|
+
border-color: #31d2f2;
|
|
294
298
|
outline-color: inherit;
|
|
295
299
|
}
|
|
296
300
|
.e-btn-group .e-btn:focus.e-warning,
|
|
@@ -301,6 +305,7 @@
|
|
|
301
305
|
border-color: #ffc107;
|
|
302
306
|
color: #000;
|
|
303
307
|
box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
|
|
308
|
+
border-color: #ffca2c;
|
|
304
309
|
outline-color: inherit;
|
|
305
310
|
}
|
|
306
311
|
.e-btn-group .e-btn:focus.e-danger,
|
|
@@ -311,6 +316,7 @@
|
|
|
311
316
|
border-color: #dc3545;
|
|
312
317
|
color: #fff;
|
|
313
318
|
box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
|
|
319
|
+
border-color: #bb2d3b;
|
|
314
320
|
outline-color: inherit;
|
|
315
321
|
}
|
|
316
322
|
.e-btn-group .e-btn:focus.e-link,
|
|
@@ -330,36 +336,42 @@
|
|
|
330
336
|
.e-css.e-btn-group .e-btn:focus.e-outline,
|
|
331
337
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline {
|
|
332
338
|
box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
|
|
339
|
+
border-color: #5c636a;
|
|
333
340
|
}
|
|
334
341
|
.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
335
342
|
.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
|
|
336
343
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
337
344
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
|
|
338
345
|
box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
|
|
346
|
+
border-color: #0d6efd;
|
|
339
347
|
}
|
|
340
348
|
.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
341
349
|
.e-btn-group input:focus + label.e-btn.e-outline.e-success,
|
|
342
350
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
343
351
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
|
|
344
352
|
box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
|
|
353
|
+
border-color: #157347;
|
|
345
354
|
}
|
|
346
355
|
.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
347
356
|
.e-btn-group input:focus + label.e-btn.e-outline.e-info,
|
|
348
357
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
349
358
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
|
|
350
359
|
box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
|
|
360
|
+
border-color: #31d2f2;
|
|
351
361
|
}
|
|
352
362
|
.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
353
363
|
.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
|
|
354
364
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
355
365
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
|
|
356
366
|
box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
|
|
367
|
+
border-color: #ffca2c;
|
|
357
368
|
}
|
|
358
369
|
.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
359
370
|
.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
|
|
360
371
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
361
372
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
|
|
362
373
|
box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
|
|
374
|
+
border-color: #bb2d3b;
|
|
363
375
|
}
|
|
364
376
|
.e-btn-group .e-btn:active,
|
|
365
377
|
.e-btn-group input:active + label.e-btn,
|
|
@@ -7,14 +7,6 @@
|
|
|
7
7
|
flex-direction: row;
|
|
8
8
|
position: relative;
|
|
9
9
|
}
|
|
10
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
11
|
-
*.e-btn-group .e-btn:focus,
|
|
12
|
-
*.e-btn-group .e-btn:hover,
|
|
13
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
14
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
15
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
16
|
-
z-index: 2;
|
|
17
|
-
}
|
|
18
10
|
*.e-btn-group input + label.e-btn,
|
|
19
11
|
*.e-css.e-btn-group input + label.e-btn {
|
|
20
12
|
margin-bottom: 0;
|
|
@@ -7,14 +7,6 @@
|
|
|
7
7
|
flex-direction: row;
|
|
8
8
|
position: relative;
|
|
9
9
|
}
|
|
10
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
11
|
-
*.e-btn-group .e-btn:focus,
|
|
12
|
-
*.e-btn-group .e-btn:hover,
|
|
13
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
14
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
15
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
16
|
-
z-index: 2;
|
|
17
|
-
}
|
|
18
10
|
*.e-btn-group input + label.e-btn,
|
|
19
11
|
*.e-css.e-btn-group input + label.e-btn {
|
|
20
12
|
margin-bottom: 0;
|
|
@@ -7,14 +7,6 @@
|
|
|
7
7
|
flex-direction: row;
|
|
8
8
|
position: relative;
|
|
9
9
|
}
|
|
10
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
11
|
-
*.e-btn-group .e-btn:focus,
|
|
12
|
-
*.e-btn-group .e-btn:hover,
|
|
13
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
14
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
15
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
16
|
-
z-index: 2;
|
|
17
|
-
}
|
|
18
10
|
*.e-btn-group input + label.e-btn,
|
|
19
11
|
*.e-css.e-btn-group input + label.e-btn {
|
|
20
12
|
margin-bottom: 0;
|
|
@@ -7,14 +7,6 @@
|
|
|
7
7
|
flex-direction: row;
|
|
8
8
|
position: relative;
|
|
9
9
|
}
|
|
10
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
11
|
-
*.e-btn-group .e-btn:focus,
|
|
12
|
-
*.e-btn-group .e-btn:hover,
|
|
13
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
14
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
15
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
16
|
-
z-index: 2;
|
|
17
|
-
}
|
|
18
10
|
*.e-btn-group input + label.e-btn,
|
|
19
11
|
*.e-css.e-btn-group input + label.e-btn {
|
|
20
12
|
margin-bottom: 0;
|
|
@@ -7,14 +7,6 @@
|
|
|
7
7
|
flex-direction: row;
|
|
8
8
|
position: relative;
|
|
9
9
|
}
|
|
10
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
11
|
-
*.e-btn-group .e-btn:focus,
|
|
12
|
-
*.e-btn-group .e-btn:hover,
|
|
13
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
14
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
15
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
16
|
-
z-index: 2;
|
|
17
|
-
}
|
|
18
10
|
*.e-btn-group input + label.e-btn,
|
|
19
11
|
*.e-css.e-btn-group input + label.e-btn {
|
|
20
12
|
margin-bottom: 0;
|
|
@@ -7,14 +7,6 @@
|
|
|
7
7
|
flex-direction: row;
|
|
8
8
|
position: relative;
|
|
9
9
|
}
|
|
10
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
11
|
-
*.e-btn-group .e-btn:focus,
|
|
12
|
-
*.e-btn-group .e-btn:hover,
|
|
13
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
14
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
15
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
16
|
-
z-index: 2;
|
|
17
|
-
}
|
|
18
10
|
*.e-btn-group input + label.e-btn,
|
|
19
11
|
*.e-css.e-btn-group input + label.e-btn {
|
|
20
12
|
margin-bottom: 0;
|
|
@@ -8,14 +8,6 @@
|
|
|
8
8
|
flex-direction: row;
|
|
9
9
|
position: relative;
|
|
10
10
|
}
|
|
11
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
12
|
-
*.e-btn-group .e-btn:focus,
|
|
13
|
-
*.e-btn-group .e-btn:hover,
|
|
14
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
15
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
16
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
17
|
-
z-index: 2;
|
|
18
|
-
}
|
|
19
11
|
*.e-btn-group input + label.e-btn,
|
|
20
12
|
*.e-css.e-btn-group input + label.e-btn {
|
|
21
13
|
margin-bottom: 0;
|
|
@@ -8,14 +8,6 @@
|
|
|
8
8
|
flex-direction: row;
|
|
9
9
|
position: relative;
|
|
10
10
|
}
|
|
11
|
-
*.e-btn-group input:focus + label.e-btn,
|
|
12
|
-
*.e-btn-group .e-btn:focus,
|
|
13
|
-
*.e-btn-group .e-btn:hover,
|
|
14
|
-
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
15
|
-
*.e-css.e-btn-group .e-btn:focus,
|
|
16
|
-
*.e-css.e-btn-group .e-btn:hover {
|
|
17
|
-
z-index: 2;
|
|
18
|
-
}
|
|
19
11
|
*.e-btn-group input + label.e-btn,
|
|
20
12
|
*.e-css.e-btn-group input + label.e-btn {
|
|
21
13
|
margin-bottom: 0;
|
|
@@ -8,6 +8,14 @@
|
|
|
8
8
|
flex-direction: row;
|
|
9
9
|
position: relative;
|
|
10
10
|
}
|
|
11
|
+
*.e-btn-group input:focus + label.e-btn,
|
|
12
|
+
*.e-btn-group .e-btn:focus,
|
|
13
|
+
*.e-btn-group .e-btn:hover,
|
|
14
|
+
*.e-css.e-btn-group input:focus + label.e-btn,
|
|
15
|
+
*.e-css.e-btn-group .e-btn:focus,
|
|
16
|
+
*.e-css.e-btn-group .e-btn:hover {
|
|
17
|
+
z-index: 2;
|
|
18
|
+
}
|
|
11
19
|
*.e-btn-group input + label.e-btn,
|
|
12
20
|
*.e-css.e-btn-group input + label.e-btn {
|
|
13
21
|
margin-bottom: 0;
|
|
@@ -253,7 +261,6 @@
|
|
|
253
261
|
outline: #1f2937 0 solid;
|
|
254
262
|
outline-offset: 0;
|
|
255
263
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
256
|
-
box-shadow: none;
|
|
257
264
|
outline-color: inherit;
|
|
258
265
|
}
|
|
259
266
|
.e-btn-group .e-btn:focus.e-primary,
|
|
@@ -265,7 +272,6 @@
|
|
|
265
272
|
color: #000;
|
|
266
273
|
outline: #1f2937 0 solid;
|
|
267
274
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
268
|
-
box-shadow: none;
|
|
269
275
|
outline-color: inherit;
|
|
270
276
|
}
|
|
271
277
|
.e-btn-group .e-btn:focus.e-success,
|
|
@@ -276,7 +282,6 @@
|
|
|
276
282
|
border-color: #22c55e;
|
|
277
283
|
color: #000;
|
|
278
284
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
279
|
-
box-shadow: none;
|
|
280
285
|
outline-color: inherit;
|
|
281
286
|
}
|
|
282
287
|
.e-btn-group .e-btn:focus.e-info,
|
|
@@ -287,7 +292,6 @@
|
|
|
287
292
|
border-color: #0ea5e9;
|
|
288
293
|
color: #fff;
|
|
289
294
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
290
|
-
box-shadow: none;
|
|
291
295
|
outline-color: inherit;
|
|
292
296
|
}
|
|
293
297
|
.e-btn-group .e-btn:focus.e-warning,
|
|
@@ -298,7 +302,6 @@
|
|
|
298
302
|
border-color: #ea580c;
|
|
299
303
|
color: #fff;
|
|
300
304
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
301
|
-
box-shadow: none;
|
|
302
305
|
outline-color: inherit;
|
|
303
306
|
}
|
|
304
307
|
.e-btn-group .e-btn:focus.e-danger,
|
|
@@ -309,7 +312,6 @@
|
|
|
309
312
|
border-color: #f87171;
|
|
310
313
|
color: #000;
|
|
311
314
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
312
|
-
box-shadow: none;
|
|
313
315
|
outline-color: inherit;
|
|
314
316
|
}
|
|
315
317
|
.e-btn-group .e-btn:focus.e-link,
|
|
@@ -329,42 +331,36 @@
|
|
|
329
331
|
.e-css.e-btn-group .e-btn:focus.e-outline,
|
|
330
332
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline {
|
|
331
333
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
332
|
-
box-shadow: none;
|
|
333
334
|
}
|
|
334
335
|
.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
335
336
|
.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
|
|
336
337
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
|
|
337
338
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
|
|
338
339
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
339
|
-
box-shadow: none;
|
|
340
340
|
}
|
|
341
341
|
.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
342
342
|
.e-btn-group input:focus + label.e-btn.e-outline.e-success,
|
|
343
343
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-success,
|
|
344
344
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
|
|
345
345
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
346
|
-
box-shadow: none;
|
|
347
346
|
}
|
|
348
347
|
.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
349
348
|
.e-btn-group input:focus + label.e-btn.e-outline.e-info,
|
|
350
349
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-info,
|
|
351
350
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
|
|
352
351
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
353
|
-
box-shadow: none;
|
|
354
352
|
}
|
|
355
353
|
.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
356
354
|
.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
|
|
357
355
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
|
|
358
356
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
|
|
359
357
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
360
|
-
box-shadow: none;
|
|
361
358
|
}
|
|
362
359
|
.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
363
360
|
.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
|
|
364
361
|
.e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
|
|
365
362
|
.e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
|
|
366
363
|
box-shadow: 0 0 0 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
|
|
367
|
-
box-shadow: none;
|
|
368
364
|
}
|
|
369
365
|
.e-btn-group .e-btn:active,
|
|
370
366
|
.e-btn-group input:active + label.e-btn,
|