ol-wfst 3.0.4 → 3.0.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 (20) hide show
  1. package/CHANGELOG.md +71 -67
  2. package/README.md +30 -5
  3. package/dist/css/ol-wfst.bootstrap5.css +364 -481
  4. package/dist/css/ol-wfst.bootstrap5.min.css +1 -1
  5. package/dist/css/ol-wfst.css +3 -0
  6. package/dist/ol-wfst.d.ts +25 -8
  7. package/dist/ol-wfst.d.ts.map +1 -1
  8. package/dist/ol-wfst.js +191 -166
  9. package/dist/ol-wfst.js.map +1 -1
  10. package/dist/ol-wfst.min.js +1 -1
  11. package/dist/ol-wfst.min.js.map +1 -1
  12. package/dist/tsconfig.tsbuildinfo +1 -1
  13. package/lib/ol-wfst.d.ts +25 -8
  14. package/lib/ol-wfst.d.ts.map +1 -1
  15. package/lib/ol-wfst.js +47 -30
  16. package/lib/ol-wfst.js.map +1 -1
  17. package/lib/style/css/ol-gisify.css +3 -0
  18. package/lib/style/css/ol-wfst.bootstrap5.css +364 -481
  19. package/lib/tsconfig.tsbuildinfo +1 -1
  20. package/package.json +70 -70
package/lib/style/css/ol-wfst.bootstrap5.css CHANGED
@@ -1,8 +1,29 @@
1
1
  .modal {
2
+ --bs-modal-zindex: 1055;
3
+ --bs-modal-width: 500px;
4
+ --bs-modal-padding: 1rem;
5
+ --bs-modal-margin: 0.5rem;
6
+ --bs-modal-color: ;
7
+ --bs-modal-bg: #fff;
8
+ --bs-modal-border-color: var(--bs-border-color-translucent);
9
+ --bs-modal-border-width: 1px;
10
+ --bs-modal-border-radius: 0.5rem;
11
+ --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
12
+ --bs-modal-inner-border-radius: calc(0.5rem - 1px);
13
+ --bs-modal-header-padding-x: 1rem;
14
+ --bs-modal-header-padding-y: 1rem;
15
+ --bs-modal-header-padding: 1rem 1rem;
16
+ --bs-modal-header-border-color: var(--bs-border-color);
17
+ --bs-modal-header-border-width: 1px;
18
+ --bs-modal-title-line-height: 1.5;
19
+ --bs-modal-footer-gap: 0.5rem;
20
+ --bs-modal-footer-bg: ;
21
+ --bs-modal-footer-border-color: var(--bs-border-color);
22
+ --bs-modal-footer-border-width: 1px;
2
23
  position: fixed;
3
24
  top: 0;
4
25
  left: 0;
5
- z-index: 1055;
26
+ z-index: var(--bs-modal-zindex);
6
27
  display: none;
7
28
  width: 100%;
8
29
  height: 100%;
@@ -14,7 +35,7 @@
14
35
  .modal-dialog {
15
36
  position: relative;
16
37
  width: auto;
17
- margin: 0.5rem;
38
+ margin: var(--bs-modal-margin);
18
39
  pointer-events: none;
19
40
  }
20
41
  .modal.fade .modal-dialog {
@@ -34,7 +55,7 @@
34
55
  }
35
56
 
36
57
  .modal-dialog-scrollable {
37
- height: calc(100% - 1rem);
58
+ height: calc(100% - var(--bs-modal-margin) * 2);
38
59
  }
39
60
  .modal-dialog-scrollable .modal-content {
40
61
  max-height: 100%;
@@ -48,7 +69,7 @@
48
69
  display: -webkit-flex;
49
70
  display: flex;
50
71
  align-items: center;
51
- min-height: calc(100% - 1rem);
72
+ min-height: calc(100% - var(--bs-modal-margin) * 2);
52
73
  }
53
74
 
54
75
  .modal-content {
@@ -57,28 +78,32 @@
57
78
  display: flex;
58
79
  flex-direction: column;
59
80
  width: 100%;
81
+ color: var(--bs-modal-color);
60
82
  pointer-events: auto;
61
- background-color: #fff;
83
+ background-color: var(--bs-modal-bg);
62
84
  background-clip: padding-box;
63
- border: 1px solid rgba(0, 0, 0, 0.2);
64
- border-radius: 0.3rem;
85
+ border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
86
+ border-radius: var(--bs-modal-border-radius);
65
87
  outline: 0;
66
88
  }
67
89
 
68
90
  .modal-backdrop {
91
+ --bs-backdrop-zindex: 1050;
92
+ --bs-backdrop-bg: #000;
93
+ --bs-backdrop-opacity: 0.5;
69
94
  position: fixed;
70
95
  top: 0;
71
96
  left: 0;
72
- z-index: 1050;
97
+ z-index: var(--bs-backdrop-zindex);
73
98
  width: 100vw;
74
99
  height: 100vh;
75
- background-color: #000;
100
+ background-color: var(--bs-backdrop-bg);
76
101
  }
77
102
  .modal-backdrop.fade {
78
103
  opacity: 0;
79
104
  }
80
105
  .modal-backdrop.show {
81
- opacity: 0.5;
106
+ opacity: var(--bs-backdrop-opacity);
82
107
  }
83
108
 
84
109
  .modal-header {
@@ -87,70 +112,67 @@
87
112
  flex-shrink: 0;
88
113
  align-items: center;
89
114
  justify-content: space-between;
90
- padding: 1rem 1rem;
91
- border-bottom: 1px solid #dee2e6;
92
- border-top-left-radius: calc(0.3rem - 1px);
93
- border-top-right-radius: calc(0.3rem - 1px);
115
+ padding: var(--bs-modal-header-padding);
116
+ border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
117
+ border-top-left-radius: var(--bs-modal-inner-border-radius);
118
+ border-top-right-radius: var(--bs-modal-inner-border-radius);
94
119
  }
95
120
  .modal-header .btn-close {
96
- padding: 0.5rem 0.5rem;
97
- margin: -0.5rem -0.5rem -0.5rem auto;
121
+ padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
122
+ margin: calc(var(--bs-modal-header-padding-y) * -0.5) calc(var(--bs-modal-header-padding-x) * -0.5) calc(var(--bs-modal-header-padding-y) * -0.5) auto;
98
123
  }
99
124
 
100
125
  .modal-title {
101
126
  margin-bottom: 0;
102
- line-height: 1.5;
127
+ line-height: var(--bs-modal-title-line-height);
103
128
  }
104
129
 
105
130
  .modal-body {
106
131
  position: relative;
107
132
  flex: 1 1 auto;
108
- padding: 1rem;
133
+ padding: var(--bs-modal-padding);
109
134
  }
110
135
 
111
136
  .modal-footer {
112
137
  display: -webkit-flex;
113
138
  display: flex;
114
- flex-wrap: wrap;
115
139
  flex-shrink: 0;
140
+ flex-wrap: wrap;
116
141
  align-items: center;
117
142
  justify-content: flex-end;
118
- padding: 0.75rem;
119
- border-top: 1px solid #dee2e6;
120
- border-bottom-right-radius: calc(0.3rem - 1px);
121
- border-bottom-left-radius: calc(0.3rem - 1px);
143
+ padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
144
+ background-color: var(--bs-modal-footer-bg);
145
+ border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
146
+ border-bottom-right-radius: var(--bs-modal-inner-border-radius);
147
+ border-bottom-left-radius: var(--bs-modal-inner-border-radius);
122
148
  }
123
149
  .modal-footer > * {
124
- margin: 0.25rem;
150
+ margin: calc(var(--bs-modal-footer-gap) * 0.5);
125
151
  }
126
152
 
127
153
  @media (min-width: 576px) {
128
- .modal-dialog {
129
- max-width: 500px;
130
- margin: 1.75rem auto;
154
+ .modal {
155
+ --bs-modal-margin: 1.75rem;
156
+ --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
131
157
  }
132
-
133
- .modal-dialog-scrollable {
134
- height: calc(100% - 3.5rem);
135
- }
136
-
137
- .modal-dialog-centered {
138
- min-height: calc(100% - 3.5rem);
158
+ .modal-dialog {
159
+ max-width: var(--bs-modal-width);
160
+ margin-right: auto;
161
+ margin-left: auto;
139
162
  }
140
-
141
163
  .modal-sm {
142
- max-width: 300px;
164
+ --bs-modal-width: 300px;
143
165
  }
144
166
  }
145
167
  @media (min-width: 992px) {
146
168
  .modal-lg,
147
169
  .modal-xl {
148
- max-width: 800px;
170
+ --bs-modal-width: 800px;
149
171
  }
150
172
  }
151
173
  @media (min-width: 1200px) {
152
174
  .modal-xl {
153
- max-width: 1140px;
175
+ --bs-modal-width: 1140px;
154
176
  }
155
177
  }
156
178
  .modal-fullscreen {
@@ -164,15 +186,13 @@
164
186
  border: 0;
165
187
  border-radius: 0;
166
188
  }
167
- .modal-fullscreen .modal-header {
189
+ .modal-fullscreen .modal-header,
190
+ .modal-fullscreen .modal-footer {
168
191
  border-radius: 0;
169
192
  }
170
193
  .modal-fullscreen .modal-body {
171
194
  overflow-y: auto;
172
195
  }
173
- .modal-fullscreen .modal-footer {
174
- border-radius: 0;
175
- }
176
196
 
177
197
  @media (max-width: 575.98px) {
178
198
  .modal-fullscreen-sm-down {
@@ -186,15 +206,13 @@
186
206
  border: 0;
187
207
  border-radius: 0;
188
208
  }
189
- .modal-fullscreen-sm-down .modal-header {
209
+ .modal-fullscreen-sm-down .modal-header,
210
+ .modal-fullscreen-sm-down .modal-footer {
190
211
  border-radius: 0;
191
212
  }
192
213
  .modal-fullscreen-sm-down .modal-body {
193
214
  overflow-y: auto;
194
215
  }
195
- .modal-fullscreen-sm-down .modal-footer {
196
- border-radius: 0;
197
- }
198
216
  }
199
217
  @media (max-width: 767.98px) {
200
218
  .modal-fullscreen-md-down {
@@ -208,15 +226,13 @@
208
226
  border: 0;
209
227
  border-radius: 0;
210
228
  }
211
- .modal-fullscreen-md-down .modal-header {
229
+ .modal-fullscreen-md-down .modal-header,
230
+ .modal-fullscreen-md-down .modal-footer {
212
231
  border-radius: 0;
213
232
  }
214
233
  .modal-fullscreen-md-down .modal-body {
215
234
  overflow-y: auto;
216
235
  }
217
- .modal-fullscreen-md-down .modal-footer {
218
- border-radius: 0;
219
- }
220
236
  }
221
237
  @media (max-width: 991.98px) {
222
238
  .modal-fullscreen-lg-down {
@@ -230,15 +246,13 @@
230
246
  border: 0;
231
247
  border-radius: 0;
232
248
  }
233
- .modal-fullscreen-lg-down .modal-header {
249
+ .modal-fullscreen-lg-down .modal-header,
250
+ .modal-fullscreen-lg-down .modal-footer {
234
251
  border-radius: 0;
235
252
  }
236
253
  .modal-fullscreen-lg-down .modal-body {
237
254
  overflow-y: auto;
238
255
  }
239
- .modal-fullscreen-lg-down .modal-footer {
240
- border-radius: 0;
241
- }
242
256
  }
243
257
  @media (max-width: 1199.98px) {
244
258
  .modal-fullscreen-xl-down {
@@ -252,15 +266,13 @@
252
266
  border: 0;
253
267
  border-radius: 0;
254
268
  }
255
- .modal-fullscreen-xl-down .modal-header {
269
+ .modal-fullscreen-xl-down .modal-header,
270
+ .modal-fullscreen-xl-down .modal-footer {
256
271
  border-radius: 0;
257
272
  }
258
273
  .modal-fullscreen-xl-down .modal-body {
259
274
  overflow-y: auto;
260
275
  }
261
- .modal-fullscreen-xl-down .modal-footer {
262
- border-radius: 0;
263
- }
264
276
  }
265
277
  @media (max-width: 1399.98px) {
266
278
  .modal-fullscreen-xxl-down {
@@ -274,34 +286,46 @@
274
286
  border: 0;
275
287
  border-radius: 0;
276
288
  }
277
- .modal-fullscreen-xxl-down .modal-header {
289
+ .modal-fullscreen-xxl-down .modal-header,
290
+ .modal-fullscreen-xxl-down .modal-footer {
278
291
  border-radius: 0;
279
292
  }
280
293
  .modal-fullscreen-xxl-down .modal-body {
281
294
  overflow-y: auto;
282
295
  }
283
- .modal-fullscreen-xxl-down .modal-footer {
284
- border-radius: 0;
285
- }
286
296
  }
287
297
  .btn {
298
+ --bs-btn-padding-x: 0.75rem;
299
+ --bs-btn-padding-y: 0.375rem;
300
+ --bs-btn-font-family: ;
301
+ --bs-btn-font-size: 1rem;
302
+ --bs-btn-font-weight: 400;
303
+ --bs-btn-line-height: 1.5;
304
+ --bs-btn-color: #212529;
305
+ --bs-btn-bg: transparent;
306
+ --bs-btn-border-width: 1px;
307
+ --bs-btn-border-color: transparent;
308
+ --bs-btn-border-radius: 0.375rem;
309
+ --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
310
+ --bs-btn-disabled-opacity: 0.65;
311
+ --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
288
312
  display: inline-block;
289
- font-weight: 400;
290
- line-height: 1.5;
291
- color: #212529;
313
+ padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
314
+ font-family: var(--bs-btn-font-family);
315
+ font-size: var(--bs-btn-font-size);
316
+ font-weight: var(--bs-btn-font-weight);
317
+ line-height: var(--bs-btn-line-height);
318
+ color: var(--bs-btn-color);
292
319
  text-align: center;
293
320
  text-decoration: none;
294
321
  vertical-align: middle;
295
322
  cursor: pointer;
296
323
  -webkit-user-select: none;
297
324
  -moz-user-select: none;
298
- -ms-user-select: none;
299
325
  user-select: none;
300
- background-color: transparent;
301
- border: 1px solid transparent;
302
- padding: 0.375rem 0.75rem;
303
- font-size: 1rem;
304
- border-radius: 0.25rem;
326
+ border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
327
+ border-radius: var(--bs-btn-border-radius);
328
+ background-color: var(--bs-btn-bg);
305
329
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
306
330
  }
307
331
  @media (prefers-reduced-motion: reduce) {
@@ -310,479 +334,339 @@
310
334
  }
311
335
  }
312
336
  .btn:hover {
313
- color: #212529;
337
+ color: var(--bs-btn-hover-color);
338
+ background-color: var(--bs-btn-hover-bg);
339
+ border-color: var(--bs-btn-hover-border-color);
314
340
  }
315
341
  .btn-check:focus + .btn, .btn:focus {
342
+ color: var(--bs-btn-hover-color);
343
+ background-color: var(--bs-btn-hover-bg);
344
+ border-color: var(--bs-btn-hover-border-color);
316
345
  outline: 0;
317
- box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
346
+ box-shadow: var(--bs-btn-focus-box-shadow);
347
+ }
348
+ .btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active, .btn.show {
349
+ color: var(--bs-btn-active-color);
350
+ background-color: var(--bs-btn-active-bg);
351
+ border-color: var(--bs-btn-active-border-color);
352
+ }
353
+ .btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus, .btn.show:focus {
354
+ box-shadow: var(--bs-btn-focus-box-shadow);
318
355
  }
319
356
  .btn:disabled, .btn.disabled, fieldset:disabled .btn {
357
+ color: var(--bs-btn-disabled-color);
320
358
  pointer-events: none;
321
- opacity: 0.65;
359
+ background-color: var(--bs-btn-disabled-bg);
360
+ border-color: var(--bs-btn-disabled-border-color);
361
+ opacity: var(--bs-btn-disabled-opacity);
322
362
  }
323
363
 
324
364
  .btn-primary {
325
- color: #fff;
326
- background-color: #0d6efd;
327
- border-color: #0d6efd;
328
- }
329
- .btn-primary:hover {
330
- color: #fff;
331
- background-color: #0b5ed7;
332
- border-color: #0a58ca;
333
- }
334
- .btn-check:focus + .btn-primary, .btn-primary:focus {
335
- color: #fff;
336
- background-color: #0b5ed7;
337
- border-color: #0a58ca;
338
- box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
339
- }
340
- .btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
341
- color: #fff;
342
- background-color: #0a58ca;
343
- border-color: #0a53be;
344
- }
345
- .btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
346
- box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
347
- }
348
- .btn-primary:disabled, .btn-primary.disabled {
349
- color: #fff;
350
- background-color: #0d6efd;
351
- border-color: #0d6efd;
365
+ --bs-btn-color: #fff;
366
+ --bs-btn-bg: #0d6efd;
367
+ --bs-btn-border-color: #0d6efd;
368
+ --bs-btn-hover-color: #fff;
369
+ --bs-btn-hover-bg: #0b5ed7;
370
+ --bs-btn-hover-border-color: #0a58ca;
371
+ --bs-btn-focus-shadow-rgb: 49, 132, 253;
372
+ --bs-btn-active-color: #fff;
373
+ --bs-btn-active-bg: #0a58ca;
374
+ --bs-btn-active-border-color: #0a53be;
375
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
376
+ --bs-btn-disabled-color: #fff;
377
+ --bs-btn-disabled-bg: #0d6efd;
378
+ --bs-btn-disabled-border-color: #0d6efd;
352
379
  }
353
380
 
354
381
  .btn-secondary {
355
- color: #fff;
356
- background-color: #6c757d;
357
- border-color: #6c757d;
358
- }
359
- .btn-secondary:hover {
360
- color: #fff;
361
- background-color: #5c636a;
362
- border-color: #565e64;
363
- }
364
- .btn-check:focus + .btn-secondary, .btn-secondary:focus {
365
- color: #fff;
366
- background-color: #5c636a;
367
- border-color: #565e64;
368
- box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
369
- }
370
- .btn-check:checked + .btn-secondary, .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle {
371
- color: #fff;
372
- background-color: #565e64;
373
- border-color: #51585e;
374
- }
375
- .btn-check:checked + .btn-secondary:focus, .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, .show > .btn-secondary.dropdown-toggle:focus {
376
- box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
377
- }
378
- .btn-secondary:disabled, .btn-secondary.disabled {
379
- color: #fff;
380
- background-color: #6c757d;
381
- border-color: #6c757d;
382
+ --bs-btn-color: #fff;
383
+ --bs-btn-bg: #6c757d;
384
+ --bs-btn-border-color: #6c757d;
385
+ --bs-btn-hover-color: #fff;
386
+ --bs-btn-hover-bg: #5c636a;
387
+ --bs-btn-hover-border-color: #565e64;
388
+ --bs-btn-focus-shadow-rgb: 130, 138, 145;
389
+ --bs-btn-active-color: #fff;
390
+ --bs-btn-active-bg: #565e64;
391
+ --bs-btn-active-border-color: #51585e;
392
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
393
+ --bs-btn-disabled-color: #fff;
394
+ --bs-btn-disabled-bg: #6c757d;
395
+ --bs-btn-disabled-border-color: #6c757d;
382
396
  }
383
397
 
384
398
  .btn-success {
385
- color: #fff;
386
- background-color: #198754;
387
- border-color: #198754;
388
- }
389
- .btn-success:hover {
390
- color: #fff;
391
- background-color: #157347;
392
- border-color: #146c43;
393
- }
394
- .btn-check:focus + .btn-success, .btn-success:focus {
395
- color: #fff;
396
- background-color: #157347;
397
- border-color: #146c43;
398
- box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
399
- }
400
- .btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
401
- color: #fff;
402
- background-color: #146c43;
403
- border-color: #13653f;
404
- }
405
- .btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
406
- box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
407
- }
408
- .btn-success:disabled, .btn-success.disabled {
409
- color: #fff;
410
- background-color: #198754;
411
- border-color: #198754;
399
+ --bs-btn-color: #fff;
400
+ --bs-btn-bg: #198754;
401
+ --bs-btn-border-color: #198754;
402
+ --bs-btn-hover-color: #fff;
403
+ --bs-btn-hover-bg: #157347;
404
+ --bs-btn-hover-border-color: #146c43;
405
+ --bs-btn-focus-shadow-rgb: 60, 153, 110;
406
+ --bs-btn-active-color: #fff;
407
+ --bs-btn-active-bg: #146c43;
408
+ --bs-btn-active-border-color: #13653f;
409
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
410
+ --bs-btn-disabled-color: #fff;
411
+ --bs-btn-disabled-bg: #198754;
412
+ --bs-btn-disabled-border-color: #198754;
412
413
  }
413
414
 
414
415
  .btn-info {
415
- color: #000;
416
- background-color: #0dcaf0;
417
- border-color: #0dcaf0;
418
- }
419
- .btn-info:hover {
420
- color: #000;
421
- background-color: #31d2f2;
422
- border-color: #25cff2;
423
- }
424
- .btn-check:focus + .btn-info, .btn-info:focus {
425
- color: #000;
426
- background-color: #31d2f2;
427
- border-color: #25cff2;
428
- box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
429
- }
430
- .btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
431
- color: #000;
432
- background-color: #3dd5f3;
433
- border-color: #25cff2;
434
- }
435
- .btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
436
- box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
437
- }
438
- .btn-info:disabled, .btn-info.disabled {
439
- color: #000;
440
- background-color: #0dcaf0;
441
- border-color: #0dcaf0;
416
+ --bs-btn-color: #000;
417
+ --bs-btn-bg: #0dcaf0;
418
+ --bs-btn-border-color: #0dcaf0;
419
+ --bs-btn-hover-color: #000;
420
+ --bs-btn-hover-bg: #31d2f2;
421
+ --bs-btn-hover-border-color: #25cff2;
422
+ --bs-btn-focus-shadow-rgb: 11, 172, 204;
423
+ --bs-btn-active-color: #000;
424
+ --bs-btn-active-bg: #3dd5f3;
425
+ --bs-btn-active-border-color: #25cff2;
426
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
427
+ --bs-btn-disabled-color: #000;
428
+ --bs-btn-disabled-bg: #0dcaf0;
429
+ --bs-btn-disabled-border-color: #0dcaf0;
442
430
  }
443
431
 
444
432
  .btn-warning {
445
- color: #000;
446
- background-color: #ffc107;
447
- border-color: #ffc107;
448
- }
449
- .btn-warning:hover {
450
- color: #000;
451
- background-color: #ffca2c;
452
- border-color: #ffc720;
453
- }
454
- .btn-check:focus + .btn-warning, .btn-warning:focus {
455
- color: #000;
456
- background-color: #ffca2c;
457
- border-color: #ffc720;
458
- box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
459
- }
460
- .btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle {
461
- color: #000;
462
- background-color: #ffcd39;
463
- border-color: #ffc720;
464
- }
465
- .btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, .show > .btn-warning.dropdown-toggle:focus {
466
- box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
467
- }
468
- .btn-warning:disabled, .btn-warning.disabled {
469
- color: #000;
470
- background-color: #ffc107;
471
- border-color: #ffc107;
433
+ --bs-btn-color: #000;
434
+ --bs-btn-bg: #ffc107;
435
+ --bs-btn-border-color: #ffc107;
436
+ --bs-btn-hover-color: #000;
437
+ --bs-btn-hover-bg: #ffca2c;
438
+ --bs-btn-hover-border-color: #ffc720;
439
+ --bs-btn-focus-shadow-rgb: 217, 164, 6;
440
+ --bs-btn-active-color: #000;
441
+ --bs-btn-active-bg: #ffcd39;
442
+ --bs-btn-active-border-color: #ffc720;
443
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
444
+ --bs-btn-disabled-color: #000;
445
+ --bs-btn-disabled-bg: #ffc107;
446
+ --bs-btn-disabled-border-color: #ffc107;
472
447
  }
473
448
 
474
449
  .btn-danger {
475
- color: #fff;
476
- background-color: #dc3545;
477
- border-color: #dc3545;
478
- }
479
- .btn-danger:hover {
480
- color: #fff;
481
- background-color: #bb2d3b;
482
- border-color: #b02a37;
483
- }
484
- .btn-check:focus + .btn-danger, .btn-danger:focus {
485
- color: #fff;
486
- background-color: #bb2d3b;
487
- border-color: #b02a37;
488
- box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
489
- }
490
- .btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
491
- color: #fff;
492
- background-color: #b02a37;
493
- border-color: #a52834;
494
- }
495
- .btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
496
- box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
497
- }
498
- .btn-danger:disabled, .btn-danger.disabled {
499
- color: #fff;
500
- background-color: #dc3545;
501
- border-color: #dc3545;
450
+ --bs-btn-color: #fff;
451
+ --bs-btn-bg: #dc3545;
452
+ --bs-btn-border-color: #dc3545;
453
+ --bs-btn-hover-color: #fff;
454
+ --bs-btn-hover-bg: #bb2d3b;
455
+ --bs-btn-hover-border-color: #b02a37;
456
+ --bs-btn-focus-shadow-rgb: 225, 83, 97;
457
+ --bs-btn-active-color: #fff;
458
+ --bs-btn-active-bg: #b02a37;
459
+ --bs-btn-active-border-color: #a52834;
460
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
461
+ --bs-btn-disabled-color: #fff;
462
+ --bs-btn-disabled-bg: #dc3545;
463
+ --bs-btn-disabled-border-color: #dc3545;
502
464
  }
503
465
 
504
466
  .btn-light {
505
- color: #000;
506
- background-color: #f8f9fa;
507
- border-color: #f8f9fa;
508
- }
509
- .btn-light:hover {
510
- color: #000;
511
- background-color: #f9fafb;
512
- border-color: #f9fafb;
513
- }
514
- .btn-check:focus + .btn-light, .btn-light:focus {
515
- color: #000;
516
- background-color: #f9fafb;
517
- border-color: #f9fafb;
518
- box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
519
- }
520
- .btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
521
- color: #000;
522
- background-color: #f9fafb;
523
- border-color: #f9fafb;
524
- }
525
- .btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
526
- box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
527
- }
528
- .btn-light:disabled, .btn-light.disabled {
529
- color: #000;
530
- background-color: #f8f9fa;
531
- border-color: #f8f9fa;
467
+ --bs-btn-color: #000;
468
+ --bs-btn-bg: #f8f9fa;
469
+ --bs-btn-border-color: #f8f9fa;
470
+ --bs-btn-hover-color: #000;
471
+ --bs-btn-hover-bg: #d3d4d5;
472
+ --bs-btn-hover-border-color: #c6c7c8;
473
+ --bs-btn-focus-shadow-rgb: 211, 212, 213;
474
+ --bs-btn-active-color: #000;
475
+ --bs-btn-active-bg: #c6c7c8;
476
+ --bs-btn-active-border-color: #babbbc;
477
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
478
+ --bs-btn-disabled-color: #000;
479
+ --bs-btn-disabled-bg: #f8f9fa;
480
+ --bs-btn-disabled-border-color: #f8f9fa;
532
481
  }
533
482
 
534
483
  .btn-dark {
535
- color: #fff;
536
- background-color: #212529;
537
- border-color: #212529;
538
- }
539
- .btn-dark:hover {
540
- color: #fff;
541
- background-color: #1c1f23;
542
- border-color: #1a1e21;
543
- }
544
- .btn-check:focus + .btn-dark, .btn-dark:focus {
545
- color: #fff;
546
- background-color: #1c1f23;
547
- border-color: #1a1e21;
548
- box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
549
- }
550
- .btn-check:checked + .btn-dark, .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, .show > .btn-dark.dropdown-toggle {
551
- color: #fff;
552
- background-color: #1a1e21;
553
- border-color: #191c1f;
554
- }
555
- .btn-check:checked + .btn-dark:focus, .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, .show > .btn-dark.dropdown-toggle:focus {
556
- box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
557
- }
558
- .btn-dark:disabled, .btn-dark.disabled {
559
- color: #fff;
560
- background-color: #212529;
561
- border-color: #212529;
484
+ --bs-btn-color: #fff;
485
+ --bs-btn-bg: #212529;
486
+ --bs-btn-border-color: #212529;
487
+ --bs-btn-hover-color: #fff;
488
+ --bs-btn-hover-bg: #424649;
489
+ --bs-btn-hover-border-color: #373b3e;
490
+ --bs-btn-focus-shadow-rgb: 66, 70, 73;
491
+ --bs-btn-active-color: #fff;
492
+ --bs-btn-active-bg: #4d5154;
493
+ --bs-btn-active-border-color: #373b3e;
494
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
495
+ --bs-btn-disabled-color: #fff;
496
+ --bs-btn-disabled-bg: #212529;
497
+ --bs-btn-disabled-border-color: #212529;
562
498
  }
563
499
 
564
500
  .btn-outline-primary {
565
- color: #0d6efd;
566
- border-color: #0d6efd;
567
- }
568
- .btn-outline-primary:hover {
569
- color: #fff;
570
- background-color: #0d6efd;
571
- border-color: #0d6efd;
572
- }
573
- .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
574
- box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
575
- }
576
- .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
577
- color: #fff;
578
- background-color: #0d6efd;
579
- border-color: #0d6efd;
580
- }
581
- .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
582
- box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
583
- }
584
- .btn-outline-primary:disabled, .btn-outline-primary.disabled {
585
- color: #0d6efd;
586
- background-color: transparent;
501
+ --bs-btn-color: #0d6efd;
502
+ --bs-btn-border-color: #0d6efd;
503
+ --bs-btn-hover-color: #fff;
504
+ --bs-btn-hover-bg: #0d6efd;
505
+ --bs-btn-hover-border-color: #0d6efd;
506
+ --bs-btn-focus-shadow-rgb: 13, 110, 253;
507
+ --bs-btn-active-color: #fff;
508
+ --bs-btn-active-bg: #0d6efd;
509
+ --bs-btn-active-border-color: #0d6efd;
510
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
511
+ --bs-btn-disabled-color: #0d6efd;
512
+ --bs-btn-disabled-bg: transparent;
513
+ --bs-btn-disabled-border-color: #0d6efd;
514
+ --bs-gradient: none;
587
515
  }
588
516
 
589
517
  .btn-outline-secondary {
590
- color: #6c757d;
591
- border-color: #6c757d;
592
- }
593
- .btn-outline-secondary:hover {
594
- color: #fff;
595
- background-color: #6c757d;
596
- border-color: #6c757d;
597
- }
598
- .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
599
- box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
600
- }
601
- .btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
602
- color: #fff;
603
- background-color: #6c757d;
604
- border-color: #6c757d;
605
- }
606
- .btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
607
- box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
608
- }
609
- .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
610
- color: #6c757d;
611
- background-color: transparent;
518
+ --bs-btn-color: #6c757d;
519
+ --bs-btn-border-color: #6c757d;
520
+ --bs-btn-hover-color: #fff;
521
+ --bs-btn-hover-bg: #6c757d;
522
+ --bs-btn-hover-border-color: #6c757d;
523
+ --bs-btn-focus-shadow-rgb: 108, 117, 125;
524
+ --bs-btn-active-color: #fff;
525
+ --bs-btn-active-bg: #6c757d;
526
+ --bs-btn-active-border-color: #6c757d;
527
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
528
+ --bs-btn-disabled-color: #6c757d;
529
+ --bs-btn-disabled-bg: transparent;
530
+ --bs-btn-disabled-border-color: #6c757d;
531
+ --bs-gradient: none;
612
532
  }
613
533
 
614
534
  .btn-outline-success {
615
- color: #198754;
616
- border-color: #198754;
617
- }
618
- .btn-outline-success:hover {
619
- color: #fff;
620
- background-color: #198754;
621
- border-color: #198754;
622
- }
623
- .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
624
- box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
625
- }
626
- .btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
627
- color: #fff;
628
- background-color: #198754;
629
- border-color: #198754;
630
- }
631
- .btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
632
- box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
633
- }
634
- .btn-outline-success:disabled, .btn-outline-success.disabled {
635
- color: #198754;
636
- background-color: transparent;
535
+ --bs-btn-color: #198754;
536
+ --bs-btn-border-color: #198754;
537
+ --bs-btn-hover-color: #fff;
538
+ --bs-btn-hover-bg: #198754;
539
+ --bs-btn-hover-border-color: #198754;
540
+ --bs-btn-focus-shadow-rgb: 25, 135, 84;
541
+ --bs-btn-active-color: #fff;
542
+ --bs-btn-active-bg: #198754;
543
+ --bs-btn-active-border-color: #198754;
544
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
545
+ --bs-btn-disabled-color: #198754;
546
+ --bs-btn-disabled-bg: transparent;
547
+ --bs-btn-disabled-border-color: #198754;
548
+ --bs-gradient: none;
637
549
  }
638
550
 
639
551
  .btn-outline-info {
640
- color: #0dcaf0;
641
- border-color: #0dcaf0;
642
- }
643
- .btn-outline-info:hover {
644
- color: #000;
645
- background-color: #0dcaf0;
646
- border-color: #0dcaf0;
647
- }
648
- .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
649
- box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
650
- }
651
- .btn-check:checked + .btn-outline-info, .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
652
- color: #000;
653
- background-color: #0dcaf0;
654
- border-color: #0dcaf0;
655
- }
656
- .btn-check:checked + .btn-outline-info:focus, .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
657
- box-shadow: 0 0 0 0.25rem rgba(13, 202, 240, 0.5);
658
- }
659
- .btn-outline-info:disabled, .btn-outline-info.disabled {
660
- color: #0dcaf0;
661
- background-color: transparent;
552
+ --bs-btn-color: #0dcaf0;
553
+ --bs-btn-border-color: #0dcaf0;
554
+ --bs-btn-hover-color: #000;
555
+ --bs-btn-hover-bg: #0dcaf0;
556
+ --bs-btn-hover-border-color: #0dcaf0;
557
+ --bs-btn-focus-shadow-rgb: 13, 202, 240;
558
+ --bs-btn-active-color: #000;
559
+ --bs-btn-active-bg: #0dcaf0;
560
+ --bs-btn-active-border-color: #0dcaf0;
561
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
562
+ --bs-btn-disabled-color: #0dcaf0;
563
+ --bs-btn-disabled-bg: transparent;
564
+ --bs-btn-disabled-border-color: #0dcaf0;
565
+ --bs-gradient: none;
662
566
  }
663
567
 
664
568
  .btn-outline-warning {
665
- color: #ffc107;
666
- border-color: #ffc107;
667
- }
668
- .btn-outline-warning:hover {
669
- color: #000;
670
- background-color: #ffc107;
671
- border-color: #ffc107;
672
- }
673
- .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
674
- box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
675
- }
676
- .btn-check:checked + .btn-outline-warning, .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
677
- color: #000;
678
- background-color: #ffc107;
679
- border-color: #ffc107;
680
- }
681
- .btn-check:checked + .btn-outline-warning:focus, .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
682
- box-shadow: 0 0 0 0.25rem rgba(255, 193, 7, 0.5);
683
- }
684
- .btn-outline-warning:disabled, .btn-outline-warning.disabled {
685
- color: #ffc107;
686
- background-color: transparent;
569
+ --bs-btn-color: #ffc107;
570
+ --bs-btn-border-color: #ffc107;
571
+ --bs-btn-hover-color: #000;
572
+ --bs-btn-hover-bg: #ffc107;
573
+ --bs-btn-hover-border-color: #ffc107;
574
+ --bs-btn-focus-shadow-rgb: 255, 193, 7;
575
+ --bs-btn-active-color: #000;
576
+ --bs-btn-active-bg: #ffc107;
577
+ --bs-btn-active-border-color: #ffc107;
578
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
579
+ --bs-btn-disabled-color: #ffc107;
580
+ --bs-btn-disabled-bg: transparent;
581
+ --bs-btn-disabled-border-color: #ffc107;
582
+ --bs-gradient: none;
687
583
  }
688
584
 
689
585
  .btn-outline-danger {
690
- color: #dc3545;
691
- border-color: #dc3545;
692
- }
693
- .btn-outline-danger:hover {
694
- color: #fff;
695
- background-color: #dc3545;
696
- border-color: #dc3545;
697
- }
698
- .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
699
- box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
700
- }
701
- .btn-check:checked + .btn-outline-danger, .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
702
- color: #fff;
703
- background-color: #dc3545;
704
- border-color: #dc3545;
705
- }
706
- .btn-check:checked + .btn-outline-danger:focus, .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
707
- box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.5);
708
- }
709
- .btn-outline-danger:disabled, .btn-outline-danger.disabled {
710
- color: #dc3545;
711
- background-color: transparent;
586
+ --bs-btn-color: #dc3545;
587
+ --bs-btn-border-color: #dc3545;
588
+ --bs-btn-hover-color: #fff;
589
+ --bs-btn-hover-bg: #dc3545;
590
+ --bs-btn-hover-border-color: #dc3545;
591
+ --bs-btn-focus-shadow-rgb: 220, 53, 69;
592
+ --bs-btn-active-color: #fff;
593
+ --bs-btn-active-bg: #dc3545;
594
+ --bs-btn-active-border-color: #dc3545;
595
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
596
+ --bs-btn-disabled-color: #dc3545;
597
+ --bs-btn-disabled-bg: transparent;
598
+ --bs-btn-disabled-border-color: #dc3545;
599
+ --bs-gradient: none;
712
600
  }
713
601
 
714
602
  .btn-outline-light {
715
- color: #f8f9fa;
716
- border-color: #f8f9fa;
717
- }
718
- .btn-outline-light:hover {
719
- color: #000;
720
- background-color: #f8f9fa;
721
- border-color: #f8f9fa;
722
- }
723
- .btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
724
- box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
725
- }
726
- .btn-check:checked + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
727
- color: #000;
728
- background-color: #f8f9fa;
729
- border-color: #f8f9fa;
730
- }
731
- .btn-check:checked + .btn-outline-light:focus, .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
732
- box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5);
733
- }
734
- .btn-outline-light:disabled, .btn-outline-light.disabled {
735
- color: #f8f9fa;
736
- background-color: transparent;
603
+ --bs-btn-color: #f8f9fa;
604
+ --bs-btn-border-color: #f8f9fa;
605
+ --bs-btn-hover-color: #000;
606
+ --bs-btn-hover-bg: #f8f9fa;
607
+ --bs-btn-hover-border-color: #f8f9fa;
608
+ --bs-btn-focus-shadow-rgb: 248, 249, 250;
609
+ --bs-btn-active-color: #000;
610
+ --bs-btn-active-bg: #f8f9fa;
611
+ --bs-btn-active-border-color: #f8f9fa;
612
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
613
+ --bs-btn-disabled-color: #f8f9fa;
614
+ --bs-btn-disabled-bg: transparent;
615
+ --bs-btn-disabled-border-color: #f8f9fa;
616
+ --bs-gradient: none;
737
617
  }
738
618
 
739
619
  .btn-outline-dark {
740
- color: #212529;
741
- border-color: #212529;
742
- }
743
- .btn-outline-dark:hover {
744
- color: #fff;
745
- background-color: #212529;
746
- border-color: #212529;
747
- }
748
- .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
749
- box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
750
- }
751
- .btn-check:checked + .btn-outline-dark, .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
752
- color: #fff;
753
- background-color: #212529;
754
- border-color: #212529;
755
- }
756
- .btn-check:checked + .btn-outline-dark:focus, .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
757
- box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5);
758
- }
759
- .btn-outline-dark:disabled, .btn-outline-dark.disabled {
760
- color: #212529;
761
- background-color: transparent;
620
+ --bs-btn-color: #212529;
621
+ --bs-btn-border-color: #212529;
622
+ --bs-btn-hover-color: #fff;
623
+ --bs-btn-hover-bg: #212529;
624
+ --bs-btn-hover-border-color: #212529;
625
+ --bs-btn-focus-shadow-rgb: 33, 37, 41;
626
+ --bs-btn-active-color: #fff;
627
+ --bs-btn-active-bg: #212529;
628
+ --bs-btn-active-border-color: #212529;
629
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
630
+ --bs-btn-disabled-color: #212529;
631
+ --bs-btn-disabled-bg: transparent;
632
+ --bs-btn-disabled-border-color: #212529;
633
+ --bs-gradient: none;
762
634
  }
763
635
 
764
636
  .btn-link {
765
- font-weight: 400;
766
- color: #0d6efd;
637
+ --bs-btn-font-weight: 400;
638
+ --bs-btn-color: var(--bs-link-color);
639
+ --bs-btn-bg: transparent;
640
+ --bs-btn-border-color: transparent;
641
+ --bs-btn-hover-color: var(--bs-link-hover-color);
642
+ --bs-btn-hover-border-color: transparent;
643
+ --bs-btn-active-color: var(--bs-link-hover-color);
644
+ --bs-btn-active-border-color: transparent;
645
+ --bs-btn-disabled-color: #6c757d;
646
+ --bs-btn-disabled-border-color: transparent;
647
+ --bs-btn-box-shadow: none;
648
+ --bs-btn-focus-shadow-rgb: 49, 132, 253;
767
649
  text-decoration: underline;
768
650
  }
769
- .btn-link:hover {
770
- color: #0a58ca;
651
+ .btn-link:focus {
652
+ color: var(--bs-btn-color);
771
653
  }
772
- .btn-link:disabled, .btn-link.disabled {
773
- color: #6c757d;
654
+ .btn-link:hover {
655
+ color: var(--bs-btn-hover-color);
774
656
  }
775
657
 
776
658
  .btn-lg {
777
- padding: 0.5rem 1rem;
778
- font-size: 1.25rem;
779
- border-radius: 0.3rem;
659
+ --bs-btn-padding-y: 0.5rem;
660
+ --bs-btn-padding-x: 1rem;
661
+ --bs-btn-font-size: 1.25rem;
662
+ --bs-btn-border-radius: 0.5rem;
780
663
  }
781
664
 
782
665
  .btn-sm {
783
- padding: 0.25rem 0.5rem;
784
- font-size: 0.875rem;
785
- border-radius: 0.2rem;
666
+ --bs-btn-padding-y: 0.25rem;
667
+ --bs-btn-padding-x: 0.5rem;
668
+ --bs-btn-font-size: 0.875rem;
669
+ --bs-btn-border-radius: 0.25rem;
786
670
  }
787
671
 
788
672
  .btn-close {
@@ -791,9 +675,9 @@
791
675
  height: 1em;
792
676
  padding: 0.25em 0.25em;
793
677
  color: #000;
794
- background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
678
+ background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
795
679
  border: 0;
796
- border-radius: 0.25rem;
680
+ border-radius: 0.375rem;
797
681
  opacity: 0.5;
798
682
  }
799
683
  .btn-close:hover {
@@ -810,7 +694,6 @@
810
694
  pointer-events: none;
811
695
  -webkit-user-select: none;
812
696
  -moz-user-select: none;
813
- -ms-user-select: none;
814
697
  user-select: none;
815
698
  opacity: 0.25;
816
699
  }