@cagovweb/state-template 1.1.0-beta.2 → 1.1.0-beta.3

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 (32) hide show
  1. package/dist/css/cagov.core.css +3495 -1739
  2. package/dist/css/cagov.core.min.css +3 -4
  3. package/dist/css/colortheme-delta.css +58 -410
  4. package/dist/css/colortheme-delta.min.css +1 -1
  5. package/dist/css/colortheme-eureka.css +58 -410
  6. package/dist/css/colortheme-eureka.min.css +1 -1
  7. package/dist/css/colortheme-mono.css +58 -410
  8. package/dist/css/colortheme-mono.min.css +1 -1
  9. package/dist/css/colortheme-oceanside.css +58 -410
  10. package/dist/css/colortheme-oceanside.min.css +1 -1
  11. package/dist/css/colortheme-orangecounty.css +58 -410
  12. package/dist/css/colortheme-orangecounty.min.css +1 -1
  13. package/dist/css/colortheme-pasorobles.css +58 -410
  14. package/dist/css/colortheme-pasorobles.min.css +1 -1
  15. package/dist/css/colortheme-sacramento.css +58 -410
  16. package/dist/css/colortheme-sacramento.min.css +1 -1
  17. package/dist/css/colortheme-santabarbara.css +58 -410
  18. package/dist/css/colortheme-santabarbara.min.css +1 -1
  19. package/dist/css/colortheme-santacruz.css +58 -410
  20. package/dist/css/colortheme-santacruz.min.css +1 -1
  21. package/dist/css/colortheme-shasta.css +58 -410
  22. package/dist/css/colortheme-shasta.min.css +1 -1
  23. package/dist/css/colortheme-sierra.css +58 -410
  24. package/dist/css/colortheme-sierra.min.css +1 -1
  25. package/dist/css/colortheme-trinity.css +58 -410
  26. package/dist/css/colortheme-trinity.min.css +1 -1
  27. package/dist/js/cagov.core.js +6388 -97
  28. package/dist/js/cagov.core.min.js +3 -3
  29. package/index.d.ts +1 -0
  30. package/index.mjs +3 -7
  31. package/package.json +12 -3
  32. package/readme.md +11 -1
@@ -2105,108 +2105,20 @@ a.text-white:not(.btn):hover {
2105
2105
  .card-default .panel-heading .options .btn-default,
2106
2106
  .card-default .card-heading .options .btn-default,
2107
2107
  .card-default .card-header .options .btn-default {
2108
- color: #000;
2109
- background-color: #f2f2f0;
2110
- border-color: #ddd;
2111
- }
2112
- .panel-default .panel-heading .options .btn-default:hover,
2113
- .panel-default .card-heading .options .btn-default:hover,
2114
- .panel-default .card-header .options .btn-default:hover,
2115
- .card-default .panel-heading .options .btn-default:hover,
2116
- .card-default .card-heading .options .btn-default:hover,
2117
- .card-default .card-header .options .btn-default:hover {
2118
- color: #000;
2119
- background-color: #f4f4f2;
2120
- border-color: #e0e0e0;
2121
- }
2122
- .btn-check:focus + .panel-default .panel-heading .options .btn-default, .panel-default .panel-heading .options .btn-default:focus,
2123
- .btn-check:focus + .panel-default .card-heading .options .btn-default,
2124
- .panel-default .card-heading .options .btn-default:focus,
2125
- .btn-check:focus + .panel-default .card-header .options .btn-default,
2126
- .panel-default .card-header .options .btn-default:focus,
2127
- .btn-check:focus + .card-default .panel-heading .options .btn-default,
2128
- .card-default .panel-heading .options .btn-default:focus,
2129
- .btn-check:focus + .card-default .card-heading .options .btn-default,
2130
- .card-default .card-heading .options .btn-default:focus,
2131
- .btn-check:focus + .card-default .card-header .options .btn-default,
2132
- .card-default .card-header .options .btn-default:focus {
2133
- color: #000;
2134
- background-color: #f4f4f2;
2135
- border-color: #e0e0e0;
2136
- box-shadow: 0 0 0 0.25rem rgba(188, 188, 188, 0.5);
2137
- }
2138
- .btn-check:checked + .panel-default .panel-heading .options .btn-default, .btn-check:active + .panel-default .panel-heading .options .btn-default, .panel-default .panel-heading .options .btn-default:active, .panel-default .panel-heading .options .btn-default.active, .show > .panel-default .panel-heading .options .btn-default.dropdown-toggle,
2139
- .btn-check:checked + .panel-default .card-heading .options .btn-default,
2140
- .btn-check:active + .panel-default .card-heading .options .btn-default,
2141
- .panel-default .card-heading .options .btn-default:active,
2142
- .panel-default .card-heading .options .btn-default.active,
2143
- .show > .panel-default .card-heading .options .btn-default.dropdown-toggle,
2144
- .btn-check:checked + .panel-default .card-header .options .btn-default,
2145
- .btn-check:active + .panel-default .card-header .options .btn-default,
2146
- .panel-default .card-header .options .btn-default:active,
2147
- .panel-default .card-header .options .btn-default.active,
2148
- .show > .panel-default .card-header .options .btn-default.dropdown-toggle,
2149
- .btn-check:checked + .card-default .panel-heading .options .btn-default,
2150
- .btn-check:active + .card-default .panel-heading .options .btn-default,
2151
- .card-default .panel-heading .options .btn-default:active,
2152
- .card-default .panel-heading .options .btn-default.active,
2153
- .show > .card-default .panel-heading .options .btn-default.dropdown-toggle,
2154
- .btn-check:checked + .card-default .card-heading .options .btn-default,
2155
- .btn-check:active + .card-default .card-heading .options .btn-default,
2156
- .card-default .card-heading .options .btn-default:active,
2157
- .card-default .card-heading .options .btn-default.active,
2158
- .show > .card-default .card-heading .options .btn-default.dropdown-toggle,
2159
- .btn-check:checked + .card-default .card-header .options .btn-default,
2160
- .btn-check:active + .card-default .card-header .options .btn-default,
2161
- .card-default .card-header .options .btn-default:active,
2162
- .card-default .card-header .options .btn-default.active,
2163
- .show > .card-default .card-header .options .btn-default.dropdown-toggle {
2164
- color: #000;
2165
- background-color: #f5f5f3;
2166
- border-color: #e0e0e0;
2167
- }
2168
- .btn-check:checked + .panel-default .panel-heading .options .btn-default:focus, .btn-check:active + .panel-default .panel-heading .options .btn-default:focus, .panel-default .panel-heading .options .btn-default:active:focus, .panel-default .panel-heading .options .btn-default.active:focus, .show > .panel-default .panel-heading .options .btn-default.dropdown-toggle:focus,
2169
- .btn-check:checked + .panel-default .card-heading .options .btn-default:focus,
2170
- .btn-check:active + .panel-default .card-heading .options .btn-default:focus,
2171
- .panel-default .card-heading .options .btn-default:active:focus,
2172
- .panel-default .card-heading .options .btn-default.active:focus,
2173
- .show > .panel-default .card-heading .options .btn-default.dropdown-toggle:focus,
2174
- .btn-check:checked + .panel-default .card-header .options .btn-default:focus,
2175
- .btn-check:active + .panel-default .card-header .options .btn-default:focus,
2176
- .panel-default .card-header .options .btn-default:active:focus,
2177
- .panel-default .card-header .options .btn-default.active:focus,
2178
- .show > .panel-default .card-header .options .btn-default.dropdown-toggle:focus,
2179
- .btn-check:checked + .card-default .panel-heading .options .btn-default:focus,
2180
- .btn-check:active + .card-default .panel-heading .options .btn-default:focus,
2181
- .card-default .panel-heading .options .btn-default:active:focus,
2182
- .card-default .panel-heading .options .btn-default.active:focus,
2183
- .show > .card-default .panel-heading .options .btn-default.dropdown-toggle:focus,
2184
- .btn-check:checked + .card-default .card-heading .options .btn-default:focus,
2185
- .btn-check:active + .card-default .card-heading .options .btn-default:focus,
2186
- .card-default .card-heading .options .btn-default:active:focus,
2187
- .card-default .card-heading .options .btn-default.active:focus,
2188
- .show > .card-default .card-heading .options .btn-default.dropdown-toggle:focus,
2189
- .btn-check:checked + .card-default .card-header .options .btn-default:focus,
2190
- .btn-check:active + .card-default .card-header .options .btn-default:focus,
2191
- .card-default .card-header .options .btn-default:active:focus,
2192
- .card-default .card-header .options .btn-default.active:focus,
2193
- .show > .card-default .card-header .options .btn-default.dropdown-toggle:focus {
2194
- box-shadow: 0 0 0 0.25rem rgba(188, 188, 188, 0.5);
2195
- }
2196
- .panel-default .panel-heading .options .btn-default:disabled, .panel-default .panel-heading .options .btn-default.disabled,
2197
- .panel-default .card-heading .options .btn-default:disabled,
2198
- .panel-default .card-heading .options .btn-default.disabled,
2199
- .panel-default .card-header .options .btn-default:disabled,
2200
- .panel-default .card-header .options .btn-default.disabled,
2201
- .card-default .panel-heading .options .btn-default:disabled,
2202
- .card-default .panel-heading .options .btn-default.disabled,
2203
- .card-default .card-heading .options .btn-default:disabled,
2204
- .card-default .card-heading .options .btn-default.disabled,
2205
- .card-default .card-header .options .btn-default:disabled,
2206
- .card-default .card-header .options .btn-default.disabled {
2207
- color: #000;
2208
- background-color: #f2f2f0;
2209
- border-color: #ddd;
2108
+ --bs-btn-color: #000;
2109
+ --bs-btn-bg: #f2f2f0;
2110
+ --bs-btn-border-color: #ddd;
2111
+ --bs-btn-hover-color: #000;
2112
+ --bs-btn-hover-bg: #f4f4f2;
2113
+ --bs-btn-hover-border-color: #e0e0e0;
2114
+ --bs-btn-focus-shadow-rgb: 188, 188, 188;
2115
+ --bs-btn-active-color: #000;
2116
+ --bs-btn-active-bg: #f5f5f3;
2117
+ --bs-btn-active-border-color: #e0e0e0;
2118
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2119
+ --bs-btn-disabled-color: #000;
2120
+ --bs-btn-disabled-bg: #f2f2f0;
2121
+ --bs-btn-disabled-border-color: #ddd;
2210
2122
  }
2211
2123
  .panel-default .panel-body,
2212
2124
  .panel-default .card-body,
@@ -2293,108 +2205,20 @@ a.text-white:not(.btn):hover {
2293
2205
  .card-overstated .panel-heading .options .btn-default,
2294
2206
  .card-overstated .card-heading .options .btn-default,
2295
2207
  .card-overstated .card-header .options .btn-default {
2296
- color: #fff;
2297
- background-color: #3f3e3d;
2298
- border-color: #545351;
2299
- }
2300
- .panel-overstated .panel-heading .options .btn-default:hover,
2301
- .panel-overstated .card-heading .options .btn-default:hover,
2302
- .panel-overstated .card-header .options .btn-default:hover,
2303
- .card-overstated .panel-heading .options .btn-default:hover,
2304
- .card-overstated .card-heading .options .btn-default:hover,
2305
- .card-overstated .card-header .options .btn-default:hover {
2306
- color: #fff;
2307
- background-color: #363534;
2308
- border-color: #434241;
2309
- }
2310
- .btn-check:focus + .panel-overstated .panel-heading .options .btn-default, .panel-overstated .panel-heading .options .btn-default:focus,
2311
- .btn-check:focus + .panel-overstated .card-heading .options .btn-default,
2312
- .panel-overstated .card-heading .options .btn-default:focus,
2313
- .btn-check:focus + .panel-overstated .card-header .options .btn-default,
2314
- .panel-overstated .card-header .options .btn-default:focus,
2315
- .btn-check:focus + .card-overstated .panel-heading .options .btn-default,
2316
- .card-overstated .panel-heading .options .btn-default:focus,
2317
- .btn-check:focus + .card-overstated .card-heading .options .btn-default,
2318
- .card-overstated .card-heading .options .btn-default:focus,
2319
- .btn-check:focus + .card-overstated .card-header .options .btn-default,
2320
- .card-overstated .card-header .options .btn-default:focus {
2321
- color: #fff;
2322
- background-color: #363534;
2323
- border-color: #434241;
2324
- box-shadow: 0 0 0 0.25rem rgba(110, 109, 107, 0.5);
2325
- }
2326
- .btn-check:checked + .panel-overstated .panel-heading .options .btn-default, .btn-check:active + .panel-overstated .panel-heading .options .btn-default, .panel-overstated .panel-heading .options .btn-default:active, .panel-overstated .panel-heading .options .btn-default.active, .show > .panel-overstated .panel-heading .options .btn-default.dropdown-toggle,
2327
- .btn-check:checked + .panel-overstated .card-heading .options .btn-default,
2328
- .btn-check:active + .panel-overstated .card-heading .options .btn-default,
2329
- .panel-overstated .card-heading .options .btn-default:active,
2330
- .panel-overstated .card-heading .options .btn-default.active,
2331
- .show > .panel-overstated .card-heading .options .btn-default.dropdown-toggle,
2332
- .btn-check:checked + .panel-overstated .card-header .options .btn-default,
2333
- .btn-check:active + .panel-overstated .card-header .options .btn-default,
2334
- .panel-overstated .card-header .options .btn-default:active,
2335
- .panel-overstated .card-header .options .btn-default.active,
2336
- .show > .panel-overstated .card-header .options .btn-default.dropdown-toggle,
2337
- .btn-check:checked + .card-overstated .panel-heading .options .btn-default,
2338
- .btn-check:active + .card-overstated .panel-heading .options .btn-default,
2339
- .card-overstated .panel-heading .options .btn-default:active,
2340
- .card-overstated .panel-heading .options .btn-default.active,
2341
- .show > .card-overstated .panel-heading .options .btn-default.dropdown-toggle,
2342
- .btn-check:checked + .card-overstated .card-heading .options .btn-default,
2343
- .btn-check:active + .card-overstated .card-heading .options .btn-default,
2344
- .card-overstated .card-heading .options .btn-default:active,
2345
- .card-overstated .card-heading .options .btn-default.active,
2346
- .show > .card-overstated .card-heading .options .btn-default.dropdown-toggle,
2347
- .btn-check:checked + .card-overstated .card-header .options .btn-default,
2348
- .btn-check:active + .card-overstated .card-header .options .btn-default,
2349
- .card-overstated .card-header .options .btn-default:active,
2350
- .card-overstated .card-header .options .btn-default.active,
2351
- .show > .card-overstated .card-header .options .btn-default.dropdown-toggle {
2352
- color: #fff;
2353
- background-color: #323231;
2354
- border-color: #3f3e3d;
2355
- }
2356
- .btn-check:checked + .panel-overstated .panel-heading .options .btn-default:focus, .btn-check:active + .panel-overstated .panel-heading .options .btn-default:focus, .panel-overstated .panel-heading .options .btn-default:active:focus, .panel-overstated .panel-heading .options .btn-default.active:focus, .show > .panel-overstated .panel-heading .options .btn-default.dropdown-toggle:focus,
2357
- .btn-check:checked + .panel-overstated .card-heading .options .btn-default:focus,
2358
- .btn-check:active + .panel-overstated .card-heading .options .btn-default:focus,
2359
- .panel-overstated .card-heading .options .btn-default:active:focus,
2360
- .panel-overstated .card-heading .options .btn-default.active:focus,
2361
- .show > .panel-overstated .card-heading .options .btn-default.dropdown-toggle:focus,
2362
- .btn-check:checked + .panel-overstated .card-header .options .btn-default:focus,
2363
- .btn-check:active + .panel-overstated .card-header .options .btn-default:focus,
2364
- .panel-overstated .card-header .options .btn-default:active:focus,
2365
- .panel-overstated .card-header .options .btn-default.active:focus,
2366
- .show > .panel-overstated .card-header .options .btn-default.dropdown-toggle:focus,
2367
- .btn-check:checked + .card-overstated .panel-heading .options .btn-default:focus,
2368
- .btn-check:active + .card-overstated .panel-heading .options .btn-default:focus,
2369
- .card-overstated .panel-heading .options .btn-default:active:focus,
2370
- .card-overstated .panel-heading .options .btn-default.active:focus,
2371
- .show > .card-overstated .panel-heading .options .btn-default.dropdown-toggle:focus,
2372
- .btn-check:checked + .card-overstated .card-heading .options .btn-default:focus,
2373
- .btn-check:active + .card-overstated .card-heading .options .btn-default:focus,
2374
- .card-overstated .card-heading .options .btn-default:active:focus,
2375
- .card-overstated .card-heading .options .btn-default.active:focus,
2376
- .show > .card-overstated .card-heading .options .btn-default.dropdown-toggle:focus,
2377
- .btn-check:checked + .card-overstated .card-header .options .btn-default:focus,
2378
- .btn-check:active + .card-overstated .card-header .options .btn-default:focus,
2379
- .card-overstated .card-header .options .btn-default:active:focus,
2380
- .card-overstated .card-header .options .btn-default.active:focus,
2381
- .show > .card-overstated .card-header .options .btn-default.dropdown-toggle:focus {
2382
- box-shadow: 0 0 0 0.25rem rgba(110, 109, 107, 0.5);
2383
- }
2384
- .panel-overstated .panel-heading .options .btn-default:disabled, .panel-overstated .panel-heading .options .btn-default.disabled,
2385
- .panel-overstated .card-heading .options .btn-default:disabled,
2386
- .panel-overstated .card-heading .options .btn-default.disabled,
2387
- .panel-overstated .card-header .options .btn-default:disabled,
2388
- .panel-overstated .card-header .options .btn-default.disabled,
2389
- .card-overstated .panel-heading .options .btn-default:disabled,
2390
- .card-overstated .panel-heading .options .btn-default.disabled,
2391
- .card-overstated .card-heading .options .btn-default:disabled,
2392
- .card-overstated .card-heading .options .btn-default.disabled,
2393
- .card-overstated .card-header .options .btn-default:disabled,
2394
- .card-overstated .card-header .options .btn-default.disabled {
2395
- color: #fff;
2396
- background-color: #3f3e3d;
2397
- border-color: #545351;
2208
+ --bs-btn-color: #fff;
2209
+ --bs-btn-bg: #3f3e3d;
2210
+ --bs-btn-border-color: #545351;
2211
+ --bs-btn-hover-color: #fff;
2212
+ --bs-btn-hover-bg: #363534;
2213
+ --bs-btn-hover-border-color: #434241;
2214
+ --bs-btn-focus-shadow-rgb: 110, 109, 107;
2215
+ --bs-btn-active-color: #fff;
2216
+ --bs-btn-active-bg: #323231;
2217
+ --bs-btn-active-border-color: #3f3e3d;
2218
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2219
+ --bs-btn-disabled-color: #fff;
2220
+ --bs-btn-disabled-bg: #3f3e3d;
2221
+ --bs-btn-disabled-border-color: #545351;
2398
2222
  }
2399
2223
  .panel-overstated .panel-body,
2400
2224
  .panel-overstated .card-body,
@@ -2512,108 +2336,20 @@ a.text-white:not(.btn):hover {
2512
2336
  .card-understated .panel-heading .options .btn-default,
2513
2337
  .card-understated .card-heading .options .btn-default,
2514
2338
  .card-understated .card-header .options .btn-default {
2515
- color: #000;
2516
- background-color: #d7d7dc;
2517
- border-color: #ddd;
2518
- }
2519
- .panel-understated .panel-heading .options .btn-default:hover,
2520
- .panel-understated .card-heading .options .btn-default:hover,
2521
- .panel-understated .card-header .options .btn-default:hover,
2522
- .card-understated .panel-heading .options .btn-default:hover,
2523
- .card-understated .card-heading .options .btn-default:hover,
2524
- .card-understated .card-header .options .btn-default:hover {
2525
- color: #000;
2526
- background-color: #dddde1;
2527
- border-color: #e0e0e0;
2528
- }
2529
- .btn-check:focus + .panel-understated .panel-heading .options .btn-default, .panel-understated .panel-heading .options .btn-default:focus,
2530
- .btn-check:focus + .panel-understated .card-heading .options .btn-default,
2531
- .panel-understated .card-heading .options .btn-default:focus,
2532
- .btn-check:focus + .panel-understated .card-header .options .btn-default,
2533
- .panel-understated .card-header .options .btn-default:focus,
2534
- .btn-check:focus + .card-understated .panel-heading .options .btn-default,
2535
- .card-understated .panel-heading .options .btn-default:focus,
2536
- .btn-check:focus + .card-understated .card-heading .options .btn-default,
2537
- .card-understated .card-heading .options .btn-default:focus,
2538
- .btn-check:focus + .card-understated .card-header .options .btn-default,
2539
- .card-understated .card-header .options .btn-default:focus {
2540
- color: #000;
2541
- background-color: #dddde1;
2542
- border-color: #e0e0e0;
2543
- box-shadow: 0 0 0 0.25rem rgba(188, 188, 188, 0.5);
2544
- }
2545
- .btn-check:checked + .panel-understated .panel-heading .options .btn-default, .btn-check:active + .panel-understated .panel-heading .options .btn-default, .panel-understated .panel-heading .options .btn-default:active, .panel-understated .panel-heading .options .btn-default.active, .show > .panel-understated .panel-heading .options .btn-default.dropdown-toggle,
2546
- .btn-check:checked + .panel-understated .card-heading .options .btn-default,
2547
- .btn-check:active + .panel-understated .card-heading .options .btn-default,
2548
- .panel-understated .card-heading .options .btn-default:active,
2549
- .panel-understated .card-heading .options .btn-default.active,
2550
- .show > .panel-understated .card-heading .options .btn-default.dropdown-toggle,
2551
- .btn-check:checked + .panel-understated .card-header .options .btn-default,
2552
- .btn-check:active + .panel-understated .card-header .options .btn-default,
2553
- .panel-understated .card-header .options .btn-default:active,
2554
- .panel-understated .card-header .options .btn-default.active,
2555
- .show > .panel-understated .card-header .options .btn-default.dropdown-toggle,
2556
- .btn-check:checked + .card-understated .panel-heading .options .btn-default,
2557
- .btn-check:active + .card-understated .panel-heading .options .btn-default,
2558
- .card-understated .panel-heading .options .btn-default:active,
2559
- .card-understated .panel-heading .options .btn-default.active,
2560
- .show > .card-understated .panel-heading .options .btn-default.dropdown-toggle,
2561
- .btn-check:checked + .card-understated .card-heading .options .btn-default,
2562
- .btn-check:active + .card-understated .card-heading .options .btn-default,
2563
- .card-understated .card-heading .options .btn-default:active,
2564
- .card-understated .card-heading .options .btn-default.active,
2565
- .show > .card-understated .card-heading .options .btn-default.dropdown-toggle,
2566
- .btn-check:checked + .card-understated .card-header .options .btn-default,
2567
- .btn-check:active + .card-understated .card-header .options .btn-default,
2568
- .card-understated .card-header .options .btn-default:active,
2569
- .card-understated .card-header .options .btn-default.active,
2570
- .show > .card-understated .card-header .options .btn-default.dropdown-toggle {
2571
- color: #000;
2572
- background-color: #dfdfe3;
2573
- border-color: #e0e0e0;
2574
- }
2575
- .btn-check:checked + .panel-understated .panel-heading .options .btn-default:focus, .btn-check:active + .panel-understated .panel-heading .options .btn-default:focus, .panel-understated .panel-heading .options .btn-default:active:focus, .panel-understated .panel-heading .options .btn-default.active:focus, .show > .panel-understated .panel-heading .options .btn-default.dropdown-toggle:focus,
2576
- .btn-check:checked + .panel-understated .card-heading .options .btn-default:focus,
2577
- .btn-check:active + .panel-understated .card-heading .options .btn-default:focus,
2578
- .panel-understated .card-heading .options .btn-default:active:focus,
2579
- .panel-understated .card-heading .options .btn-default.active:focus,
2580
- .show > .panel-understated .card-heading .options .btn-default.dropdown-toggle:focus,
2581
- .btn-check:checked + .panel-understated .card-header .options .btn-default:focus,
2582
- .btn-check:active + .panel-understated .card-header .options .btn-default:focus,
2583
- .panel-understated .card-header .options .btn-default:active:focus,
2584
- .panel-understated .card-header .options .btn-default.active:focus,
2585
- .show > .panel-understated .card-header .options .btn-default.dropdown-toggle:focus,
2586
- .btn-check:checked + .card-understated .panel-heading .options .btn-default:focus,
2587
- .btn-check:active + .card-understated .panel-heading .options .btn-default:focus,
2588
- .card-understated .panel-heading .options .btn-default:active:focus,
2589
- .card-understated .panel-heading .options .btn-default.active:focus,
2590
- .show > .card-understated .panel-heading .options .btn-default.dropdown-toggle:focus,
2591
- .btn-check:checked + .card-understated .card-heading .options .btn-default:focus,
2592
- .btn-check:active + .card-understated .card-heading .options .btn-default:focus,
2593
- .card-understated .card-heading .options .btn-default:active:focus,
2594
- .card-understated .card-heading .options .btn-default.active:focus,
2595
- .show > .card-understated .card-heading .options .btn-default.dropdown-toggle:focus,
2596
- .btn-check:checked + .card-understated .card-header .options .btn-default:focus,
2597
- .btn-check:active + .card-understated .card-header .options .btn-default:focus,
2598
- .card-understated .card-header .options .btn-default:active:focus,
2599
- .card-understated .card-header .options .btn-default.active:focus,
2600
- .show > .card-understated .card-header .options .btn-default.dropdown-toggle:focus {
2601
- box-shadow: 0 0 0 0.25rem rgba(188, 188, 188, 0.5);
2602
- }
2603
- .panel-understated .panel-heading .options .btn-default:disabled, .panel-understated .panel-heading .options .btn-default.disabled,
2604
- .panel-understated .card-heading .options .btn-default:disabled,
2605
- .panel-understated .card-heading .options .btn-default.disabled,
2606
- .panel-understated .card-header .options .btn-default:disabled,
2607
- .panel-understated .card-header .options .btn-default.disabled,
2608
- .card-understated .panel-heading .options .btn-default:disabled,
2609
- .card-understated .panel-heading .options .btn-default.disabled,
2610
- .card-understated .card-heading .options .btn-default:disabled,
2611
- .card-understated .card-heading .options .btn-default.disabled,
2612
- .card-understated .card-header .options .btn-default:disabled,
2613
- .card-understated .card-header .options .btn-default.disabled {
2614
- color: #000;
2615
- background-color: #d7d7dc;
2616
- border-color: #ddd;
2339
+ --bs-btn-color: #000;
2340
+ --bs-btn-bg: #d7d7dc;
2341
+ --bs-btn-border-color: #ddd;
2342
+ --bs-btn-hover-color: #000;
2343
+ --bs-btn-hover-bg: #dddde1;
2344
+ --bs-btn-hover-border-color: #e0e0e0;
2345
+ --bs-btn-focus-shadow-rgb: 188, 188, 188;
2346
+ --bs-btn-active-color: #000;
2347
+ --bs-btn-active-bg: #dfdfe3;
2348
+ --bs-btn-active-border-color: #e0e0e0;
2349
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2350
+ --bs-btn-disabled-color: #000;
2351
+ --bs-btn-disabled-bg: #d7d7dc;
2352
+ --bs-btn-disabled-border-color: #ddd;
2617
2353
  }
2618
2354
  .panel-understated .panel-body,
2619
2355
  .panel-understated .card-body,
@@ -2700,108 +2436,20 @@ a.text-white:not(.btn):hover {
2700
2436
  .card-standout .panel-heading .options .btn-default,
2701
2437
  .card-standout .card-heading .options .btn-default,
2702
2438
  .card-standout .card-header .options .btn-default {
2703
- color: #fff;
2704
- background-color: #050505;
2705
- border-color: #0c0c0c;
2706
- }
2707
- .panel-standout .panel-heading .options .btn-default:hover,
2708
- .panel-standout .card-heading .options .btn-default:hover,
2709
- .panel-standout .card-header .options .btn-default:hover,
2710
- .card-standout .panel-heading .options .btn-default:hover,
2711
- .card-standout .card-heading .options .btn-default:hover,
2712
- .card-standout .card-header .options .btn-default:hover {
2713
- color: #fff;
2714
- background-color: #040404;
2715
- border-color: #0a0a0a;
2716
- }
2717
- .btn-check:focus + .panel-standout .panel-heading .options .btn-default, .panel-standout .panel-heading .options .btn-default:focus,
2718
- .btn-check:focus + .panel-standout .card-heading .options .btn-default,
2719
- .panel-standout .card-heading .options .btn-default:focus,
2720
- .btn-check:focus + .panel-standout .card-header .options .btn-default,
2721
- .panel-standout .card-header .options .btn-default:focus,
2722
- .btn-check:focus + .card-standout .panel-heading .options .btn-default,
2723
- .card-standout .panel-heading .options .btn-default:focus,
2724
- .btn-check:focus + .card-standout .card-heading .options .btn-default,
2725
- .card-standout .card-heading .options .btn-default:focus,
2726
- .btn-check:focus + .card-standout .card-header .options .btn-default,
2727
- .card-standout .card-header .options .btn-default:focus {
2728
- color: #fff;
2729
- background-color: #040404;
2730
- border-color: #0a0a0a;
2731
- box-shadow: 0 0 0 0.25rem rgba(48, 48, 48, 0.5);
2732
- }
2733
- .btn-check:checked + .panel-standout .panel-heading .options .btn-default, .btn-check:active + .panel-standout .panel-heading .options .btn-default, .panel-standout .panel-heading .options .btn-default:active, .panel-standout .panel-heading .options .btn-default.active, .show > .panel-standout .panel-heading .options .btn-default.dropdown-toggle,
2734
- .btn-check:checked + .panel-standout .card-heading .options .btn-default,
2735
- .btn-check:active + .panel-standout .card-heading .options .btn-default,
2736
- .panel-standout .card-heading .options .btn-default:active,
2737
- .panel-standout .card-heading .options .btn-default.active,
2738
- .show > .panel-standout .card-heading .options .btn-default.dropdown-toggle,
2739
- .btn-check:checked + .panel-standout .card-header .options .btn-default,
2740
- .btn-check:active + .panel-standout .card-header .options .btn-default,
2741
- .panel-standout .card-header .options .btn-default:active,
2742
- .panel-standout .card-header .options .btn-default.active,
2743
- .show > .panel-standout .card-header .options .btn-default.dropdown-toggle,
2744
- .btn-check:checked + .card-standout .panel-heading .options .btn-default,
2745
- .btn-check:active + .card-standout .panel-heading .options .btn-default,
2746
- .card-standout .panel-heading .options .btn-default:active,
2747
- .card-standout .panel-heading .options .btn-default.active,
2748
- .show > .card-standout .panel-heading .options .btn-default.dropdown-toggle,
2749
- .btn-check:checked + .card-standout .card-heading .options .btn-default,
2750
- .btn-check:active + .card-standout .card-heading .options .btn-default,
2751
- .card-standout .card-heading .options .btn-default:active,
2752
- .card-standout .card-heading .options .btn-default.active,
2753
- .show > .card-standout .card-heading .options .btn-default.dropdown-toggle,
2754
- .btn-check:checked + .card-standout .card-header .options .btn-default,
2755
- .btn-check:active + .card-standout .card-header .options .btn-default,
2756
- .card-standout .card-header .options .btn-default:active,
2757
- .card-standout .card-header .options .btn-default.active,
2758
- .show > .card-standout .card-header .options .btn-default.dropdown-toggle {
2759
- color: #fff;
2760
- background-color: #040404;
2761
- border-color: #090909;
2762
- }
2763
- .btn-check:checked + .panel-standout .panel-heading .options .btn-default:focus, .btn-check:active + .panel-standout .panel-heading .options .btn-default:focus, .panel-standout .panel-heading .options .btn-default:active:focus, .panel-standout .panel-heading .options .btn-default.active:focus, .show > .panel-standout .panel-heading .options .btn-default.dropdown-toggle:focus,
2764
- .btn-check:checked + .panel-standout .card-heading .options .btn-default:focus,
2765
- .btn-check:active + .panel-standout .card-heading .options .btn-default:focus,
2766
- .panel-standout .card-heading .options .btn-default:active:focus,
2767
- .panel-standout .card-heading .options .btn-default.active:focus,
2768
- .show > .panel-standout .card-heading .options .btn-default.dropdown-toggle:focus,
2769
- .btn-check:checked + .panel-standout .card-header .options .btn-default:focus,
2770
- .btn-check:active + .panel-standout .card-header .options .btn-default:focus,
2771
- .panel-standout .card-header .options .btn-default:active:focus,
2772
- .panel-standout .card-header .options .btn-default.active:focus,
2773
- .show > .panel-standout .card-header .options .btn-default.dropdown-toggle:focus,
2774
- .btn-check:checked + .card-standout .panel-heading .options .btn-default:focus,
2775
- .btn-check:active + .card-standout .panel-heading .options .btn-default:focus,
2776
- .card-standout .panel-heading .options .btn-default:active:focus,
2777
- .card-standout .panel-heading .options .btn-default.active:focus,
2778
- .show > .card-standout .panel-heading .options .btn-default.dropdown-toggle:focus,
2779
- .btn-check:checked + .card-standout .card-heading .options .btn-default:focus,
2780
- .btn-check:active + .card-standout .card-heading .options .btn-default:focus,
2781
- .card-standout .card-heading .options .btn-default:active:focus,
2782
- .card-standout .card-heading .options .btn-default.active:focus,
2783
- .show > .card-standout .card-heading .options .btn-default.dropdown-toggle:focus,
2784
- .btn-check:checked + .card-standout .card-header .options .btn-default:focus,
2785
- .btn-check:active + .card-standout .card-header .options .btn-default:focus,
2786
- .card-standout .card-header .options .btn-default:active:focus,
2787
- .card-standout .card-header .options .btn-default.active:focus,
2788
- .show > .card-standout .card-header .options .btn-default.dropdown-toggle:focus {
2789
- box-shadow: 0 0 0 0.25rem rgba(48, 48, 48, 0.5);
2790
- }
2791
- .panel-standout .panel-heading .options .btn-default:disabled, .panel-standout .panel-heading .options .btn-default.disabled,
2792
- .panel-standout .card-heading .options .btn-default:disabled,
2793
- .panel-standout .card-heading .options .btn-default.disabled,
2794
- .panel-standout .card-header .options .btn-default:disabled,
2795
- .panel-standout .card-header .options .btn-default.disabled,
2796
- .card-standout .panel-heading .options .btn-default:disabled,
2797
- .card-standout .panel-heading .options .btn-default.disabled,
2798
- .card-standout .card-heading .options .btn-default:disabled,
2799
- .card-standout .card-heading .options .btn-default.disabled,
2800
- .card-standout .card-header .options .btn-default:disabled,
2801
- .card-standout .card-header .options .btn-default.disabled {
2802
- color: #fff;
2803
- background-color: #050505;
2804
- border-color: #0c0c0c;
2439
+ --bs-btn-color: #fff;
2440
+ --bs-btn-bg: #050505;
2441
+ --bs-btn-border-color: #0c0c0c;
2442
+ --bs-btn-hover-color: #fff;
2443
+ --bs-btn-hover-bg: #040404;
2444
+ --bs-btn-hover-border-color: #0a0a0a;
2445
+ --bs-btn-focus-shadow-rgb: 48, 48, 48;
2446
+ --bs-btn-active-color: #fff;
2447
+ --bs-btn-active-bg: #040404;
2448
+ --bs-btn-active-border-color: #090909;
2449
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
2450
+ --bs-btn-disabled-color: #fff;
2451
+ --bs-btn-disabled-bg: #050505;
2452
+ --bs-btn-disabled-border-color: #0c0c0c;
2805
2453
  }
2806
2454
  .panel-standout .panel-body,
2807
2455
  .panel-standout .card-body,
@@ -2992,13 +2640,13 @@ a.text-white:not(.btn):hover {
2992
2640
  .section-inverted .img-thumbnail,
2993
2641
  .card-inverted .img-thumbnail {
2994
2642
  padding: 0.25rem;
2995
- background-color: #fff;
2643
+ background-color: var(--bs-body-bg);
2996
2644
  border: 1px solid #c2c2c2;
2997
2645
  }
2998
2646
  .section-danger .img-thumbnail,
2999
2647
  .card-danger .img-thumbnail {
3000
2648
  padding: 0.25rem;
3001
- background-color: #fff;
2649
+ background-color: var(--bs-body-bg);
3002
2650
  border: 1px solid #c2c2c2;
3003
2651
  }
3004
2652