@caweb/framework 1.9.7 → 1.9.8

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 (29) hide show
  1. package/build/delta.asset.php +1 -1
  2. package/build/delta.css +832 -4
  3. package/build/eureka.asset.php +1 -1
  4. package/build/eureka.css +832 -4
  5. package/build/mono.asset.php +1 -1
  6. package/build/mono.css +832 -4
  7. package/build/oceanside.asset.php +1 -1
  8. package/build/oceanside.css +832 -4
  9. package/build/orangecounty.asset.php +1 -1
  10. package/build/orangecounty.css +832 -4
  11. package/build/pasorobles.asset.php +1 -1
  12. package/build/pasorobles.css +832 -4
  13. package/build/sacramento.asset.php +1 -1
  14. package/build/sacramento.css +832 -4
  15. package/build/santabarbara.asset.php +1 -1
  16. package/build/santabarbara.css +832 -4
  17. package/build/santacruz.asset.php +1 -1
  18. package/build/santacruz.css +832 -4
  19. package/build/shasta.asset.php +1 -1
  20. package/build/shasta.css +832 -4
  21. package/build/sierra.asset.php +1 -1
  22. package/build/sierra.css +832 -4
  23. package/build/trinity.asset.php +1 -1
  24. package/build/trinity.css +832 -4
  25. package/package.json +2 -2
  26. package/src/styles/bootstrap/utils/_maps.scss +13 -1
  27. package/src/styles/components/index.scss +0 -1
  28. package/src/styles/components/structural/_type.scss +67 -0
  29. package/src/styles/components/structural/_globals.scss +0 -57
package/build/delta.css CHANGED
@@ -2025,6 +2025,17 @@ Google Fonts SCSS
2025
2025
  --bs-vimeo: #1ab7ea;
2026
2026
  --bs-email: #888;
2027
2027
  --bs-github: #25292e;
2028
+ --bs-gray-50: #fafafa;
2029
+ --bs-gray-75: #f3f3f4;
2030
+ --bs-gray-100: #ededef;
2031
+ --bs-gray-200: #d4d4d7;
2032
+ --bs-gray-300: #bcbbc1;
2033
+ --bs-gray-400: #a4a3ab;
2034
+ --bs-gray-500: #898891;
2035
+ --bs-gray-600: #72717c;
2036
+ --bs-gray-700: #5e5e6a;
2037
+ --bs-gray-800: #4a4958;
2038
+ --bs-gray-900: #3b3a48;
2028
2039
  --bs-primary-rgb: 13, 110, 253;
2029
2040
  --bs-secondary-rgb: 114, 113, 124;
2030
2041
  --bs-success-rgb: 25, 135, 84;
@@ -2049,6 +2060,17 @@ Google Fonts SCSS
2049
2060
  --bs-vimeo-rgb: 26, 183, 234;
2050
2061
  --bs-email-rgb: 136, 136, 136;
2051
2062
  --bs-github-rgb: 37, 41, 46;
2063
+ --bs-gray-50-rgb: 250, 250, 250;
2064
+ --bs-gray-75-rgb: 243, 243, 244;
2065
+ --bs-gray-100-rgb: 237, 237, 239;
2066
+ --bs-gray-200-rgb: 212, 212, 215;
2067
+ --bs-gray-300-rgb: 188, 187, 193;
2068
+ --bs-gray-400-rgb: 164, 163, 171;
2069
+ --bs-gray-500-rgb: 137, 136, 145;
2070
+ --bs-gray-600-rgb: 114, 113, 124;
2071
+ --bs-gray-700-rgb: 94, 94, 106;
2072
+ --bs-gray-800-rgb: 74, 73, 88;
2073
+ --bs-gray-900-rgb: 59, 58, 72;
2052
2074
  --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
2053
2075
  --bs-secondary-text-emphasis: rgb(45.6, 45.2, 49.6);
2054
2076
  --bs-success-text-emphasis: rgb(10, 54, 33.6);
@@ -5248,6 +5270,182 @@ textarea.form-control-lg {
5248
5270
  --bs-btn-disabled-bg: #25292e;
5249
5271
  --bs-btn-disabled-border-color: #25292e;
5250
5272
  }
5273
+ .btn-gray-50 {
5274
+ --bs-btn-color: #000;
5275
+ --bs-btn-bg: #fafafa;
5276
+ --bs-btn-border-color: #fafafa;
5277
+ --bs-btn-hover-color: #000;
5278
+ --bs-btn-hover-bg: rgb(250.75, 250.75, 250.75);
5279
+ --bs-btn-hover-border-color: rgb(250.5, 250.5, 250.5);
5280
+ --bs-btn-focus-shadow-rgb: 213, 213, 213;
5281
+ --bs-btn-active-color: #000;
5282
+ --bs-btn-active-bg: #fbfbfb;
5283
+ --bs-btn-active-border-color: rgb(250.5, 250.5, 250.5);
5284
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5285
+ --bs-btn-disabled-color: #000;
5286
+ --bs-btn-disabled-bg: #fafafa;
5287
+ --bs-btn-disabled-border-color: #fafafa;
5288
+ }
5289
+ .btn-gray-75 {
5290
+ --bs-btn-color: #000;
5291
+ --bs-btn-bg: #f3f3f4;
5292
+ --bs-btn-border-color: #f3f3f4;
5293
+ --bs-btn-hover-color: #000;
5294
+ --bs-btn-hover-bg: rgb(244.8, 244.8, 245.65);
5295
+ --bs-btn-hover-border-color: rgb(244.2, 244.2, 245.1);
5296
+ --bs-btn-focus-shadow-rgb: 207, 207, 207;
5297
+ --bs-btn-active-color: #000;
5298
+ --bs-btn-active-bg: rgb(245.4, 245.4, 246.2);
5299
+ --bs-btn-active-border-color: rgb(244.2, 244.2, 245.1);
5300
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5301
+ --bs-btn-disabled-color: #000;
5302
+ --bs-btn-disabled-bg: #f3f3f4;
5303
+ --bs-btn-disabled-border-color: #f3f3f4;
5304
+ }
5305
+ .btn-gray-100 {
5306
+ --bs-btn-color: #000;
5307
+ --bs-btn-bg: #ededef;
5308
+ --bs-btn-border-color: #ededef;
5309
+ --bs-btn-hover-color: #000;
5310
+ --bs-btn-hover-bg: rgb(239.7, 239.7, 241.4);
5311
+ --bs-btn-hover-border-color: rgb(238.8, 238.8, 240.6);
5312
+ --bs-btn-focus-shadow-rgb: 201, 201, 203;
5313
+ --bs-btn-active-color: #000;
5314
+ --bs-btn-active-bg: rgb(240.6, 240.6, 242.2);
5315
+ --bs-btn-active-border-color: rgb(238.8, 238.8, 240.6);
5316
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5317
+ --bs-btn-disabled-color: #000;
5318
+ --bs-btn-disabled-bg: #ededef;
5319
+ --bs-btn-disabled-border-color: #ededef;
5320
+ }
5321
+ .btn-gray-200 {
5322
+ --bs-btn-color: #000;
5323
+ --bs-btn-bg: #d4d4d7;
5324
+ --bs-btn-border-color: #d4d4d7;
5325
+ --bs-btn-hover-color: #000;
5326
+ --bs-btn-hover-bg: rgb(218.45, 218.45, 221);
5327
+ --bs-btn-hover-border-color: rgb(216.3, 216.3, 219);
5328
+ --bs-btn-focus-shadow-rgb: 180, 180, 183;
5329
+ --bs-btn-active-color: #000;
5330
+ --bs-btn-active-bg: rgb(220.6, 220.6, 223);
5331
+ --bs-btn-active-border-color: rgb(216.3, 216.3, 219);
5332
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5333
+ --bs-btn-disabled-color: #000;
5334
+ --bs-btn-disabled-bg: #d4d4d7;
5335
+ --bs-btn-disabled-border-color: #d4d4d7;
5336
+ }
5337
+ .btn-gray-300 {
5338
+ --bs-btn-color: #000;
5339
+ --bs-btn-bg: #bcbbc1;
5340
+ --bs-btn-border-color: #bcbbc1;
5341
+ --bs-btn-hover-color: #000;
5342
+ --bs-btn-hover-bg: rgb(198.05, 197.2, 202.3);
5343
+ --bs-btn-hover-border-color: rgb(194.7, 193.8, 199.2);
5344
+ --bs-btn-focus-shadow-rgb: 160, 159, 164;
5345
+ --bs-btn-active-color: #000;
5346
+ --bs-btn-active-bg: rgb(201.4, 200.6, 205.4);
5347
+ --bs-btn-active-border-color: rgb(194.7, 193.8, 199.2);
5348
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5349
+ --bs-btn-disabled-color: #000;
5350
+ --bs-btn-disabled-bg: #bcbbc1;
5351
+ --bs-btn-disabled-border-color: #bcbbc1;
5352
+ }
5353
+ .btn-gray-400 {
5354
+ --bs-btn-color: #000;
5355
+ --bs-btn-bg: #a4a3ab;
5356
+ --bs-btn-border-color: #a4a3ab;
5357
+ --bs-btn-hover-color: #000;
5358
+ --bs-btn-hover-bg: rgb(177.65, 176.8, 183.6);
5359
+ --bs-btn-hover-border-color: rgb(173.1, 172.2, 179.4);
5360
+ --bs-btn-focus-shadow-rgb: 139, 139, 145;
5361
+ --bs-btn-active-color: #000;
5362
+ --bs-btn-active-bg: rgb(182.2, 181.4, 187.8);
5363
+ --bs-btn-active-border-color: rgb(173.1, 172.2, 179.4);
5364
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5365
+ --bs-btn-disabled-color: #000;
5366
+ --bs-btn-disabled-bg: #a4a3ab;
5367
+ --bs-btn-disabled-border-color: #a4a3ab;
5368
+ }
5369
+ .btn-gray-500 {
5370
+ --bs-btn-color: #000;
5371
+ --bs-btn-bg: #898891;
5372
+ --bs-btn-border-color: #898891;
5373
+ --bs-btn-hover-color: #000;
5374
+ --bs-btn-hover-bg: rgb(154.7, 153.85, 161.5);
5375
+ --bs-btn-hover-border-color: rgb(148.8, 147.9, 156);
5376
+ --bs-btn-focus-shadow-rgb: 116, 116, 123;
5377
+ --bs-btn-active-color: #000;
5378
+ --bs-btn-active-bg: rgb(160.6, 159.8, 167);
5379
+ --bs-btn-active-border-color: rgb(148.8, 147.9, 156);
5380
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5381
+ --bs-btn-disabled-color: #000;
5382
+ --bs-btn-disabled-bg: #898891;
5383
+ --bs-btn-disabled-border-color: #898891;
5384
+ }
5385
+ .btn-gray-600 {
5386
+ --bs-btn-color: #fff;
5387
+ --bs-btn-bg: #72717c;
5388
+ --bs-btn-border-color: #72717c;
5389
+ --bs-btn-hover-color: #fff;
5390
+ --bs-btn-hover-bg: rgb(96.9, 96.05, 105.4);
5391
+ --bs-btn-hover-border-color: rgb(91.2, 90.4, 99.2);
5392
+ --bs-btn-focus-shadow-rgb: 135, 134, 144;
5393
+ --bs-btn-active-color: #fff;
5394
+ --bs-btn-active-bg: rgb(91.2, 90.4, 99.2);
5395
+ --bs-btn-active-border-color: rgb(85.5, 84.75, 93);
5396
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5397
+ --bs-btn-disabled-color: #fff;
5398
+ --bs-btn-disabled-bg: #72717c;
5399
+ --bs-btn-disabled-border-color: #72717c;
5400
+ }
5401
+ .btn-gray-700 {
5402
+ --bs-btn-color: #fff;
5403
+ --bs-btn-bg: #5e5e6a;
5404
+ --bs-btn-border-color: #5e5e6a;
5405
+ --bs-btn-hover-color: #fff;
5406
+ --bs-btn-hover-bg: rgb(79.9, 79.9, 90.1);
5407
+ --bs-btn-hover-border-color: rgb(75.2, 75.2, 84.8);
5408
+ --bs-btn-focus-shadow-rgb: 118, 118, 128;
5409
+ --bs-btn-active-color: #fff;
5410
+ --bs-btn-active-bg: rgb(75.2, 75.2, 84.8);
5411
+ --bs-btn-active-border-color: rgb(70.5, 70.5, 79.5);
5412
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5413
+ --bs-btn-disabled-color: #fff;
5414
+ --bs-btn-disabled-bg: #5e5e6a;
5415
+ --bs-btn-disabled-border-color: #5e5e6a;
5416
+ }
5417
+ .btn-gray-800 {
5418
+ --bs-btn-color: #fff;
5419
+ --bs-btn-bg: #4a4958;
5420
+ --bs-btn-border-color: #4a4958;
5421
+ --bs-btn-hover-color: #fff;
5422
+ --bs-btn-hover-bg: rgb(62.9, 62.05, 74.8);
5423
+ --bs-btn-hover-border-color: rgb(59.2, 58.4, 70.4);
5424
+ --bs-btn-focus-shadow-rgb: 101, 100, 113;
5425
+ --bs-btn-active-color: #fff;
5426
+ --bs-btn-active-bg: rgb(59.2, 58.4, 70.4);
5427
+ --bs-btn-active-border-color: rgb(55.5, 54.75, 66);
5428
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5429
+ --bs-btn-disabled-color: #fff;
5430
+ --bs-btn-disabled-bg: #4a4958;
5431
+ --bs-btn-disabled-border-color: #4a4958;
5432
+ }
5433
+ .btn-gray-900 {
5434
+ --bs-btn-color: #fff;
5435
+ --bs-btn-bg: #3b3a48;
5436
+ --bs-btn-border-color: #3b3a48;
5437
+ --bs-btn-hover-color: #fff;
5438
+ --bs-btn-hover-bg: rgb(50.15, 49.3, 61.2);
5439
+ --bs-btn-hover-border-color: rgb(47.2, 46.4, 57.6);
5440
+ --bs-btn-focus-shadow-rgb: 88, 88, 99;
5441
+ --bs-btn-active-color: #fff;
5442
+ --bs-btn-active-bg: rgb(47.2, 46.4, 57.6);
5443
+ --bs-btn-active-border-color: rgb(44.25, 43.5, 54);
5444
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5445
+ --bs-btn-disabled-color: #fff;
5446
+ --bs-btn-disabled-bg: #3b3a48;
5447
+ --bs-btn-disabled-border-color: #3b3a48;
5448
+ }
5251
5449
  .btn-outline-primary {
5252
5450
  --bs-btn-color: #0d6efd;
5253
5451
  --bs-btn-border-color: #0d6efd;
@@ -5632,6 +5830,182 @@ textarea.form-control-lg {
5632
5830
  --bs-btn-disabled-border-color: #25292e;
5633
5831
  --bs-gradient: none;
5634
5832
  }
5833
+ .btn-outline-gray-50 {
5834
+ --bs-btn-color: #fafafa;
5835
+ --bs-btn-border-color: #fafafa;
5836
+ --bs-btn-hover-color: #000;
5837
+ --bs-btn-hover-bg: #fafafa;
5838
+ --bs-btn-hover-border-color: #fafafa;
5839
+ --bs-btn-focus-shadow-rgb: 250, 250, 250;
5840
+ --bs-btn-active-color: #000;
5841
+ --bs-btn-active-bg: #fafafa;
5842
+ --bs-btn-active-border-color: #fafafa;
5843
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5844
+ --bs-btn-disabled-color: #fafafa;
5845
+ --bs-btn-disabled-bg: transparent;
5846
+ --bs-btn-disabled-border-color: #fafafa;
5847
+ --bs-gradient: none;
5848
+ }
5849
+ .btn-outline-gray-75 {
5850
+ --bs-btn-color: #f3f3f4;
5851
+ --bs-btn-border-color: #f3f3f4;
5852
+ --bs-btn-hover-color: #000;
5853
+ --bs-btn-hover-bg: #f3f3f4;
5854
+ --bs-btn-hover-border-color: #f3f3f4;
5855
+ --bs-btn-focus-shadow-rgb: 243, 243, 244;
5856
+ --bs-btn-active-color: #000;
5857
+ --bs-btn-active-bg: #f3f3f4;
5858
+ --bs-btn-active-border-color: #f3f3f4;
5859
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5860
+ --bs-btn-disabled-color: #f3f3f4;
5861
+ --bs-btn-disabled-bg: transparent;
5862
+ --bs-btn-disabled-border-color: #f3f3f4;
5863
+ --bs-gradient: none;
5864
+ }
5865
+ .btn-outline-gray-100 {
5866
+ --bs-btn-color: #ededef;
5867
+ --bs-btn-border-color: #ededef;
5868
+ --bs-btn-hover-color: #000;
5869
+ --bs-btn-hover-bg: #ededef;
5870
+ --bs-btn-hover-border-color: #ededef;
5871
+ --bs-btn-focus-shadow-rgb: 237, 237, 239;
5872
+ --bs-btn-active-color: #000;
5873
+ --bs-btn-active-bg: #ededef;
5874
+ --bs-btn-active-border-color: #ededef;
5875
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5876
+ --bs-btn-disabled-color: #ededef;
5877
+ --bs-btn-disabled-bg: transparent;
5878
+ --bs-btn-disabled-border-color: #ededef;
5879
+ --bs-gradient: none;
5880
+ }
5881
+ .btn-outline-gray-200 {
5882
+ --bs-btn-color: #d4d4d7;
5883
+ --bs-btn-border-color: #d4d4d7;
5884
+ --bs-btn-hover-color: #000;
5885
+ --bs-btn-hover-bg: #d4d4d7;
5886
+ --bs-btn-hover-border-color: #d4d4d7;
5887
+ --bs-btn-focus-shadow-rgb: 212, 212, 215;
5888
+ --bs-btn-active-color: #000;
5889
+ --bs-btn-active-bg: #d4d4d7;
5890
+ --bs-btn-active-border-color: #d4d4d7;
5891
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5892
+ --bs-btn-disabled-color: #d4d4d7;
5893
+ --bs-btn-disabled-bg: transparent;
5894
+ --bs-btn-disabled-border-color: #d4d4d7;
5895
+ --bs-gradient: none;
5896
+ }
5897
+ .btn-outline-gray-300 {
5898
+ --bs-btn-color: #bcbbc1;
5899
+ --bs-btn-border-color: #bcbbc1;
5900
+ --bs-btn-hover-color: #000;
5901
+ --bs-btn-hover-bg: #bcbbc1;
5902
+ --bs-btn-hover-border-color: #bcbbc1;
5903
+ --bs-btn-focus-shadow-rgb: 188, 187, 193;
5904
+ --bs-btn-active-color: #000;
5905
+ --bs-btn-active-bg: #bcbbc1;
5906
+ --bs-btn-active-border-color: #bcbbc1;
5907
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5908
+ --bs-btn-disabled-color: #bcbbc1;
5909
+ --bs-btn-disabled-bg: transparent;
5910
+ --bs-btn-disabled-border-color: #bcbbc1;
5911
+ --bs-gradient: none;
5912
+ }
5913
+ .btn-outline-gray-400 {
5914
+ --bs-btn-color: #a4a3ab;
5915
+ --bs-btn-border-color: #a4a3ab;
5916
+ --bs-btn-hover-color: #000;
5917
+ --bs-btn-hover-bg: #a4a3ab;
5918
+ --bs-btn-hover-border-color: #a4a3ab;
5919
+ --bs-btn-focus-shadow-rgb: 164, 163, 171;
5920
+ --bs-btn-active-color: #000;
5921
+ --bs-btn-active-bg: #a4a3ab;
5922
+ --bs-btn-active-border-color: #a4a3ab;
5923
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5924
+ --bs-btn-disabled-color: #a4a3ab;
5925
+ --bs-btn-disabled-bg: transparent;
5926
+ --bs-btn-disabled-border-color: #a4a3ab;
5927
+ --bs-gradient: none;
5928
+ }
5929
+ .btn-outline-gray-500 {
5930
+ --bs-btn-color: #898891;
5931
+ --bs-btn-border-color: #898891;
5932
+ --bs-btn-hover-color: #000;
5933
+ --bs-btn-hover-bg: #898891;
5934
+ --bs-btn-hover-border-color: #898891;
5935
+ --bs-btn-focus-shadow-rgb: 137, 136, 145;
5936
+ --bs-btn-active-color: #000;
5937
+ --bs-btn-active-bg: #898891;
5938
+ --bs-btn-active-border-color: #898891;
5939
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5940
+ --bs-btn-disabled-color: #898891;
5941
+ --bs-btn-disabled-bg: transparent;
5942
+ --bs-btn-disabled-border-color: #898891;
5943
+ --bs-gradient: none;
5944
+ }
5945
+ .btn-outline-gray-600 {
5946
+ --bs-btn-color: #72717c;
5947
+ --bs-btn-border-color: #72717c;
5948
+ --bs-btn-hover-color: #fff;
5949
+ --bs-btn-hover-bg: #72717c;
5950
+ --bs-btn-hover-border-color: #72717c;
5951
+ --bs-btn-focus-shadow-rgb: 114, 113, 124;
5952
+ --bs-btn-active-color: #fff;
5953
+ --bs-btn-active-bg: #72717c;
5954
+ --bs-btn-active-border-color: #72717c;
5955
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5956
+ --bs-btn-disabled-color: #72717c;
5957
+ --bs-btn-disabled-bg: transparent;
5958
+ --bs-btn-disabled-border-color: #72717c;
5959
+ --bs-gradient: none;
5960
+ }
5961
+ .btn-outline-gray-700 {
5962
+ --bs-btn-color: #5e5e6a;
5963
+ --bs-btn-border-color: #5e5e6a;
5964
+ --bs-btn-hover-color: #fff;
5965
+ --bs-btn-hover-bg: #5e5e6a;
5966
+ --bs-btn-hover-border-color: #5e5e6a;
5967
+ --bs-btn-focus-shadow-rgb: 94, 94, 106;
5968
+ --bs-btn-active-color: #fff;
5969
+ --bs-btn-active-bg: #5e5e6a;
5970
+ --bs-btn-active-border-color: #5e5e6a;
5971
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5972
+ --bs-btn-disabled-color: #5e5e6a;
5973
+ --bs-btn-disabled-bg: transparent;
5974
+ --bs-btn-disabled-border-color: #5e5e6a;
5975
+ --bs-gradient: none;
5976
+ }
5977
+ .btn-outline-gray-800 {
5978
+ --bs-btn-color: #4a4958;
5979
+ --bs-btn-border-color: #4a4958;
5980
+ --bs-btn-hover-color: #fff;
5981
+ --bs-btn-hover-bg: #4a4958;
5982
+ --bs-btn-hover-border-color: #4a4958;
5983
+ --bs-btn-focus-shadow-rgb: 74, 73, 88;
5984
+ --bs-btn-active-color: #fff;
5985
+ --bs-btn-active-bg: #4a4958;
5986
+ --bs-btn-active-border-color: #4a4958;
5987
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
5988
+ --bs-btn-disabled-color: #4a4958;
5989
+ --bs-btn-disabled-bg: transparent;
5990
+ --bs-btn-disabled-border-color: #4a4958;
5991
+ --bs-gradient: none;
5992
+ }
5993
+ .btn-outline-gray-900 {
5994
+ --bs-btn-color: #3b3a48;
5995
+ --bs-btn-border-color: #3b3a48;
5996
+ --bs-btn-hover-color: #fff;
5997
+ --bs-btn-hover-bg: #3b3a48;
5998
+ --bs-btn-hover-border-color: #3b3a48;
5999
+ --bs-btn-focus-shadow-rgb: 59, 58, 72;
6000
+ --bs-btn-active-color: #fff;
6001
+ --bs-btn-active-bg: #3b3a48;
6002
+ --bs-btn-active-border-color: #3b3a48;
6003
+ --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
6004
+ --bs-btn-disabled-color: #3b3a48;
6005
+ --bs-btn-disabled-bg: transparent;
6006
+ --bs-btn-disabled-border-color: #3b3a48;
6007
+ --bs-gradient: none;
6008
+ }
5635
6009
  .btn-link {
5636
6010
  --bs-btn-font-weight: 400;
5637
6011
  --bs-btn-color: var(--bs-link-color);
@@ -7280,6 +7654,72 @@ textarea.form-control-lg {
7280
7654
  --bs-alert-border-color: var(--bs-github-border-subtle);
7281
7655
  --bs-alert-link-color: var(--bs-github-text-emphasis);
7282
7656
  }
7657
+ .alert-gray-50 {
7658
+ --bs-alert-color: var(--bs-gray-50-text-emphasis);
7659
+ --bs-alert-bg: var(--bs-gray-50-bg-subtle);
7660
+ --bs-alert-border-color: var(--bs-gray-50-border-subtle);
7661
+ --bs-alert-link-color: var(--bs-gray-50-text-emphasis);
7662
+ }
7663
+ .alert-gray-75 {
7664
+ --bs-alert-color: var(--bs-gray-75-text-emphasis);
7665
+ --bs-alert-bg: var(--bs-gray-75-bg-subtle);
7666
+ --bs-alert-border-color: var(--bs-gray-75-border-subtle);
7667
+ --bs-alert-link-color: var(--bs-gray-75-text-emphasis);
7668
+ }
7669
+ .alert-gray-100 {
7670
+ --bs-alert-color: var(--bs-gray-100-text-emphasis);
7671
+ --bs-alert-bg: var(--bs-gray-100-bg-subtle);
7672
+ --bs-alert-border-color: var(--bs-gray-100-border-subtle);
7673
+ --bs-alert-link-color: var(--bs-gray-100-text-emphasis);
7674
+ }
7675
+ .alert-gray-200 {
7676
+ --bs-alert-color: var(--bs-gray-200-text-emphasis);
7677
+ --bs-alert-bg: var(--bs-gray-200-bg-subtle);
7678
+ --bs-alert-border-color: var(--bs-gray-200-border-subtle);
7679
+ --bs-alert-link-color: var(--bs-gray-200-text-emphasis);
7680
+ }
7681
+ .alert-gray-300 {
7682
+ --bs-alert-color: var(--bs-gray-300-text-emphasis);
7683
+ --bs-alert-bg: var(--bs-gray-300-bg-subtle);
7684
+ --bs-alert-border-color: var(--bs-gray-300-border-subtle);
7685
+ --bs-alert-link-color: var(--bs-gray-300-text-emphasis);
7686
+ }
7687
+ .alert-gray-400 {
7688
+ --bs-alert-color: var(--bs-gray-400-text-emphasis);
7689
+ --bs-alert-bg: var(--bs-gray-400-bg-subtle);
7690
+ --bs-alert-border-color: var(--bs-gray-400-border-subtle);
7691
+ --bs-alert-link-color: var(--bs-gray-400-text-emphasis);
7692
+ }
7693
+ .alert-gray-500 {
7694
+ --bs-alert-color: var(--bs-gray-500-text-emphasis);
7695
+ --bs-alert-bg: var(--bs-gray-500-bg-subtle);
7696
+ --bs-alert-border-color: var(--bs-gray-500-border-subtle);
7697
+ --bs-alert-link-color: var(--bs-gray-500-text-emphasis);
7698
+ }
7699
+ .alert-gray-600 {
7700
+ --bs-alert-color: var(--bs-gray-600-text-emphasis);
7701
+ --bs-alert-bg: var(--bs-gray-600-bg-subtle);
7702
+ --bs-alert-border-color: var(--bs-gray-600-border-subtle);
7703
+ --bs-alert-link-color: var(--bs-gray-600-text-emphasis);
7704
+ }
7705
+ .alert-gray-700 {
7706
+ --bs-alert-color: var(--bs-gray-700-text-emphasis);
7707
+ --bs-alert-bg: var(--bs-gray-700-bg-subtle);
7708
+ --bs-alert-border-color: var(--bs-gray-700-border-subtle);
7709
+ --bs-alert-link-color: var(--bs-gray-700-text-emphasis);
7710
+ }
7711
+ .alert-gray-800 {
7712
+ --bs-alert-color: var(--bs-gray-800-text-emphasis);
7713
+ --bs-alert-bg: var(--bs-gray-800-bg-subtle);
7714
+ --bs-alert-border-color: var(--bs-gray-800-border-subtle);
7715
+ --bs-alert-link-color: var(--bs-gray-800-text-emphasis);
7716
+ }
7717
+ .alert-gray-900 {
7718
+ --bs-alert-color: var(--bs-gray-900-text-emphasis);
7719
+ --bs-alert-bg: var(--bs-gray-900-bg-subtle);
7720
+ --bs-alert-border-color: var(--bs-gray-900-border-subtle);
7721
+ --bs-alert-link-color: var(--bs-gray-900-text-emphasis);
7722
+ }
7283
7723
  @keyframes progress-bar-stripes {
7284
7724
  0% {
7285
7725
  background-position-x: var(--bs-progress-height);
@@ -7857,6 +8297,138 @@ textarea.form-control-lg {
7857
8297
  --bs-list-group-active-bg: var(--bs-github-text-emphasis);
7858
8298
  --bs-list-group-active-border-color: var(--bs-github-text-emphasis);
7859
8299
  }
8300
+ .list-group-item-gray-50 {
8301
+ --bs-list-group-color: var(--bs-gray-50-text-emphasis);
8302
+ --bs-list-group-bg: var(--bs-gray-50-bg-subtle);
8303
+ --bs-list-group-border-color: var(--bs-gray-50-border-subtle);
8304
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
8305
+ --bs-list-group-action-hover-bg: var(--bs-gray-50-border-subtle);
8306
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
8307
+ --bs-list-group-action-active-bg: var(--bs-gray-50-border-subtle);
8308
+ --bs-list-group-active-color: var(--bs-gray-50-bg-subtle);
8309
+ --bs-list-group-active-bg: var(--bs-gray-50-text-emphasis);
8310
+ --bs-list-group-active-border-color: var(--bs-gray-50-text-emphasis);
8311
+ }
8312
+ .list-group-item-gray-75 {
8313
+ --bs-list-group-color: var(--bs-gray-75-text-emphasis);
8314
+ --bs-list-group-bg: var(--bs-gray-75-bg-subtle);
8315
+ --bs-list-group-border-color: var(--bs-gray-75-border-subtle);
8316
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
8317
+ --bs-list-group-action-hover-bg: var(--bs-gray-75-border-subtle);
8318
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
8319
+ --bs-list-group-action-active-bg: var(--bs-gray-75-border-subtle);
8320
+ --bs-list-group-active-color: var(--bs-gray-75-bg-subtle);
8321
+ --bs-list-group-active-bg: var(--bs-gray-75-text-emphasis);
8322
+ --bs-list-group-active-border-color: var(--bs-gray-75-text-emphasis);
8323
+ }
8324
+ .list-group-item-gray-100 {
8325
+ --bs-list-group-color: var(--bs-gray-100-text-emphasis);
8326
+ --bs-list-group-bg: var(--bs-gray-100-bg-subtle);
8327
+ --bs-list-group-border-color: var(--bs-gray-100-border-subtle);
8328
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
8329
+ --bs-list-group-action-hover-bg: var(--bs-gray-100-border-subtle);
8330
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
8331
+ --bs-list-group-action-active-bg: var(--bs-gray-100-border-subtle);
8332
+ --bs-list-group-active-color: var(--bs-gray-100-bg-subtle);
8333
+ --bs-list-group-active-bg: var(--bs-gray-100-text-emphasis);
8334
+ --bs-list-group-active-border-color: var(--bs-gray-100-text-emphasis);
8335
+ }
8336
+ .list-group-item-gray-200 {
8337
+ --bs-list-group-color: var(--bs-gray-200-text-emphasis);
8338
+ --bs-list-group-bg: var(--bs-gray-200-bg-subtle);
8339
+ --bs-list-group-border-color: var(--bs-gray-200-border-subtle);
8340
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
8341
+ --bs-list-group-action-hover-bg: var(--bs-gray-200-border-subtle);
8342
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
8343
+ --bs-list-group-action-active-bg: var(--bs-gray-200-border-subtle);
8344
+ --bs-list-group-active-color: var(--bs-gray-200-bg-subtle);
8345
+ --bs-list-group-active-bg: var(--bs-gray-200-text-emphasis);
8346
+ --bs-list-group-active-border-color: var(--bs-gray-200-text-emphasis);
8347
+ }
8348
+ .list-group-item-gray-300 {
8349
+ --bs-list-group-color: var(--bs-gray-300-text-emphasis);
8350
+ --bs-list-group-bg: var(--bs-gray-300-bg-subtle);
8351
+ --bs-list-group-border-color: var(--bs-gray-300-border-subtle);
8352
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
8353
+ --bs-list-group-action-hover-bg: var(--bs-gray-300-border-subtle);
8354
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
8355
+ --bs-list-group-action-active-bg: var(--bs-gray-300-border-subtle);
8356
+ --bs-list-group-active-color: var(--bs-gray-300-bg-subtle);
8357
+ --bs-list-group-active-bg: var(--bs-gray-300-text-emphasis);
8358
+ --bs-list-group-active-border-color: var(--bs-gray-300-text-emphasis);
8359
+ }
8360
+ .list-group-item-gray-400 {
8361
+ --bs-list-group-color: var(--bs-gray-400-text-emphasis);
8362
+ --bs-list-group-bg: var(--bs-gray-400-bg-subtle);
8363
+ --bs-list-group-border-color: var(--bs-gray-400-border-subtle);
8364
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
8365
+ --bs-list-group-action-hover-bg: var(--bs-gray-400-border-subtle);
8366
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
8367
+ --bs-list-group-action-active-bg: var(--bs-gray-400-border-subtle);
8368
+ --bs-list-group-active-color: var(--bs-gray-400-bg-subtle);
8369
+ --bs-list-group-active-bg: var(--bs-gray-400-text-emphasis);
8370
+ --bs-list-group-active-border-color: var(--bs-gray-400-text-emphasis);
8371
+ }
8372
+ .list-group-item-gray-500 {
8373
+ --bs-list-group-color: var(--bs-gray-500-text-emphasis);
8374
+ --bs-list-group-bg: var(--bs-gray-500-bg-subtle);
8375
+ --bs-list-group-border-color: var(--bs-gray-500-border-subtle);
8376
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
8377
+ --bs-list-group-action-hover-bg: var(--bs-gray-500-border-subtle);
8378
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
8379
+ --bs-list-group-action-active-bg: var(--bs-gray-500-border-subtle);
8380
+ --bs-list-group-active-color: var(--bs-gray-500-bg-subtle);
8381
+ --bs-list-group-active-bg: var(--bs-gray-500-text-emphasis);
8382
+ --bs-list-group-active-border-color: var(--bs-gray-500-text-emphasis);
8383
+ }
8384
+ .list-group-item-gray-600 {
8385
+ --bs-list-group-color: var(--bs-gray-600-text-emphasis);
8386
+ --bs-list-group-bg: var(--bs-gray-600-bg-subtle);
8387
+ --bs-list-group-border-color: var(--bs-gray-600-border-subtle);
8388
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
8389
+ --bs-list-group-action-hover-bg: var(--bs-gray-600-border-subtle);
8390
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
8391
+ --bs-list-group-action-active-bg: var(--bs-gray-600-border-subtle);
8392
+ --bs-list-group-active-color: var(--bs-gray-600-bg-subtle);
8393
+ --bs-list-group-active-bg: var(--bs-gray-600-text-emphasis);
8394
+ --bs-list-group-active-border-color: var(--bs-gray-600-text-emphasis);
8395
+ }
8396
+ .list-group-item-gray-700 {
8397
+ --bs-list-group-color: var(--bs-gray-700-text-emphasis);
8398
+ --bs-list-group-bg: var(--bs-gray-700-bg-subtle);
8399
+ --bs-list-group-border-color: var(--bs-gray-700-border-subtle);
8400
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
8401
+ --bs-list-group-action-hover-bg: var(--bs-gray-700-border-subtle);
8402
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
8403
+ --bs-list-group-action-active-bg: var(--bs-gray-700-border-subtle);
8404
+ --bs-list-group-active-color: var(--bs-gray-700-bg-subtle);
8405
+ --bs-list-group-active-bg: var(--bs-gray-700-text-emphasis);
8406
+ --bs-list-group-active-border-color: var(--bs-gray-700-text-emphasis);
8407
+ }
8408
+ .list-group-item-gray-800 {
8409
+ --bs-list-group-color: var(--bs-gray-800-text-emphasis);
8410
+ --bs-list-group-bg: var(--bs-gray-800-bg-subtle);
8411
+ --bs-list-group-border-color: var(--bs-gray-800-border-subtle);
8412
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
8413
+ --bs-list-group-action-hover-bg: var(--bs-gray-800-border-subtle);
8414
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
8415
+ --bs-list-group-action-active-bg: var(--bs-gray-800-border-subtle);
8416
+ --bs-list-group-active-color: var(--bs-gray-800-bg-subtle);
8417
+ --bs-list-group-active-bg: var(--bs-gray-800-text-emphasis);
8418
+ --bs-list-group-active-border-color: var(--bs-gray-800-text-emphasis);
8419
+ }
8420
+ .list-group-item-gray-900 {
8421
+ --bs-list-group-color: var(--bs-gray-900-text-emphasis);
8422
+ --bs-list-group-bg: var(--bs-gray-900-bg-subtle);
8423
+ --bs-list-group-border-color: var(--bs-gray-900-border-subtle);
8424
+ --bs-list-group-action-hover-color: var(--bs-emphasis-color);
8425
+ --bs-list-group-action-hover-bg: var(--bs-gray-900-border-subtle);
8426
+ --bs-list-group-action-active-color: var(--bs-emphasis-color);
8427
+ --bs-list-group-action-active-bg: var(--bs-gray-900-border-subtle);
8428
+ --bs-list-group-active-color: var(--bs-gray-900-bg-subtle);
8429
+ --bs-list-group-active-bg: var(--bs-gray-900-text-emphasis);
8430
+ --bs-list-group-active-border-color: var(--bs-gray-900-text-emphasis);
8431
+ }
7860
8432
  .btn-close {
7861
8433
  --bs-btn-close-color: #000;
7862
8434
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27 fill=%27%23000%27%3e%3cpath d=%27M.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.414%27/%3e%3c/svg%3e");
@@ -9372,6 +9944,50 @@ textarea.form-control-lg {
9372
9944
  color: #fff !important;
9373
9945
  background-color: RGBA(var(--bs-github-rgb), var(--bs-bg-opacity, 1)) !important;
9374
9946
  }
9947
+ .text-bg-gray-50 {
9948
+ color: #000 !important;
9949
+ background-color: RGBA(var(--bs-gray-50-rgb), var(--bs-bg-opacity, 1)) !important;
9950
+ }
9951
+ .text-bg-gray-75 {
9952
+ color: #000 !important;
9953
+ background-color: RGBA(var(--bs-gray-75-rgb), var(--bs-bg-opacity, 1)) !important;
9954
+ }
9955
+ .text-bg-gray-100 {
9956
+ color: #000 !important;
9957
+ background-color: RGBA(var(--bs-gray-100-rgb), var(--bs-bg-opacity, 1)) !important;
9958
+ }
9959
+ .text-bg-gray-200 {
9960
+ color: #000 !important;
9961
+ background-color: RGBA(var(--bs-gray-200-rgb), var(--bs-bg-opacity, 1)) !important;
9962
+ }
9963
+ .text-bg-gray-300 {
9964
+ color: #000 !important;
9965
+ background-color: RGBA(var(--bs-gray-300-rgb), var(--bs-bg-opacity, 1)) !important;
9966
+ }
9967
+ .text-bg-gray-400 {
9968
+ color: #000 !important;
9969
+ background-color: RGBA(var(--bs-gray-400-rgb), var(--bs-bg-opacity, 1)) !important;
9970
+ }
9971
+ .text-bg-gray-500 {
9972
+ color: #000 !important;
9973
+ background-color: RGBA(var(--bs-gray-500-rgb), var(--bs-bg-opacity, 1)) !important;
9974
+ }
9975
+ .text-bg-gray-600 {
9976
+ color: #fff !important;
9977
+ background-color: RGBA(var(--bs-gray-600-rgb), var(--bs-bg-opacity, 1)) !important;
9978
+ }
9979
+ .text-bg-gray-700 {
9980
+ color: #fff !important;
9981
+ background-color: RGBA(var(--bs-gray-700-rgb), var(--bs-bg-opacity, 1)) !important;
9982
+ }
9983
+ .text-bg-gray-800 {
9984
+ color: #fff !important;
9985
+ background-color: RGBA(var(--bs-gray-800-rgb), var(--bs-bg-opacity, 1)) !important;
9986
+ }
9987
+ .text-bg-gray-900 {
9988
+ color: #fff !important;
9989
+ background-color: RGBA(var(--bs-gray-900-rgb), var(--bs-bg-opacity, 1)) !important;
9990
+ }
9375
9991
  .link-primary {
9376
9992
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
9377
9993
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
@@ -9564,6 +10180,94 @@ textarea.form-control-lg {
9564
10180
  color: RGBA(30, 33, 37, var(--bs-link-opacity, 1)) !important;
9565
10181
  text-decoration-color: RGBA(30, 33, 37, var(--bs-link-underline-opacity, 1)) !important;
9566
10182
  }
10183
+ .link-gray-50 {
10184
+ color: RGBA(var(--bs-gray-50-rgb), var(--bs-link-opacity, 1)) !important;
10185
+ text-decoration-color: RGBA(var(--bs-gray-50-rgb), var(--bs-link-underline-opacity, 1)) !important;
10186
+ }
10187
+ .link-gray-50:hover, .link-gray-50:focus {
10188
+ color: RGBA(251, 251, 251, var(--bs-link-opacity, 1)) !important;
10189
+ text-decoration-color: RGBA(251, 251, 251, var(--bs-link-underline-opacity, 1)) !important;
10190
+ }
10191
+ .link-gray-75 {
10192
+ color: RGBA(var(--bs-gray-75-rgb), var(--bs-link-opacity, 1)) !important;
10193
+ text-decoration-color: RGBA(var(--bs-gray-75-rgb), var(--bs-link-underline-opacity, 1)) !important;
10194
+ }
10195
+ .link-gray-75:hover, .link-gray-75:focus {
10196
+ color: RGBA(245, 245, 246, var(--bs-link-opacity, 1)) !important;
10197
+ text-decoration-color: RGBA(245, 245, 246, var(--bs-link-underline-opacity, 1)) !important;
10198
+ }
10199
+ .link-gray-100 {
10200
+ color: RGBA(var(--bs-gray-100-rgb), var(--bs-link-opacity, 1)) !important;
10201
+ text-decoration-color: RGBA(var(--bs-gray-100-rgb), var(--bs-link-underline-opacity, 1)) !important;
10202
+ }
10203
+ .link-gray-100:hover, .link-gray-100:focus {
10204
+ color: RGBA(241, 241, 242, var(--bs-link-opacity, 1)) !important;
10205
+ text-decoration-color: RGBA(241, 241, 242, var(--bs-link-underline-opacity, 1)) !important;
10206
+ }
10207
+ .link-gray-200 {
10208
+ color: RGBA(var(--bs-gray-200-rgb), var(--bs-link-opacity, 1)) !important;
10209
+ text-decoration-color: RGBA(var(--bs-gray-200-rgb), var(--bs-link-underline-opacity, 1)) !important;
10210
+ }
10211
+ .link-gray-200:hover, .link-gray-200:focus {
10212
+ color: RGBA(221, 221, 223, var(--bs-link-opacity, 1)) !important;
10213
+ text-decoration-color: RGBA(221, 221, 223, var(--bs-link-underline-opacity, 1)) !important;
10214
+ }
10215
+ .link-gray-300 {
10216
+ color: RGBA(var(--bs-gray-300-rgb), var(--bs-link-opacity, 1)) !important;
10217
+ text-decoration-color: RGBA(var(--bs-gray-300-rgb), var(--bs-link-underline-opacity, 1)) !important;
10218
+ }
10219
+ .link-gray-300:hover, .link-gray-300:focus {
10220
+ color: RGBA(201, 201, 205, var(--bs-link-opacity, 1)) !important;
10221
+ text-decoration-color: RGBA(201, 201, 205, var(--bs-link-underline-opacity, 1)) !important;
10222
+ }
10223
+ .link-gray-400 {
10224
+ color: RGBA(var(--bs-gray-400-rgb), var(--bs-link-opacity, 1)) !important;
10225
+ text-decoration-color: RGBA(var(--bs-gray-400-rgb), var(--bs-link-underline-opacity, 1)) !important;
10226
+ }
10227
+ .link-gray-400:hover, .link-gray-400:focus {
10228
+ color: RGBA(182, 181, 188, var(--bs-link-opacity, 1)) !important;
10229
+ text-decoration-color: RGBA(182, 181, 188, var(--bs-link-underline-opacity, 1)) !important;
10230
+ }
10231
+ .link-gray-500 {
10232
+ color: RGBA(var(--bs-gray-500-rgb), var(--bs-link-opacity, 1)) !important;
10233
+ text-decoration-color: RGBA(var(--bs-gray-500-rgb), var(--bs-link-underline-opacity, 1)) !important;
10234
+ }
10235
+ .link-gray-500:hover, .link-gray-500:focus {
10236
+ color: RGBA(161, 160, 167, var(--bs-link-opacity, 1)) !important;
10237
+ text-decoration-color: RGBA(161, 160, 167, var(--bs-link-underline-opacity, 1)) !important;
10238
+ }
10239
+ .link-gray-600 {
10240
+ color: RGBA(var(--bs-gray-600-rgb), var(--bs-link-opacity, 1)) !important;
10241
+ text-decoration-color: RGBA(var(--bs-gray-600-rgb), var(--bs-link-underline-opacity, 1)) !important;
10242
+ }
10243
+ .link-gray-600:hover, .link-gray-600:focus {
10244
+ color: RGBA(91, 90, 99, var(--bs-link-opacity, 1)) !important;
10245
+ text-decoration-color: RGBA(91, 90, 99, var(--bs-link-underline-opacity, 1)) !important;
10246
+ }
10247
+ .link-gray-700 {
10248
+ color: RGBA(var(--bs-gray-700-rgb), var(--bs-link-opacity, 1)) !important;
10249
+ text-decoration-color: RGBA(var(--bs-gray-700-rgb), var(--bs-link-underline-opacity, 1)) !important;
10250
+ }
10251
+ .link-gray-700:hover, .link-gray-700:focus {
10252
+ color: RGBA(75, 75, 85, var(--bs-link-opacity, 1)) !important;
10253
+ text-decoration-color: RGBA(75, 75, 85, var(--bs-link-underline-opacity, 1)) !important;
10254
+ }
10255
+ .link-gray-800 {
10256
+ color: RGBA(var(--bs-gray-800-rgb), var(--bs-link-opacity, 1)) !important;
10257
+ text-decoration-color: RGBA(var(--bs-gray-800-rgb), var(--bs-link-underline-opacity, 1)) !important;
10258
+ }
10259
+ .link-gray-800:hover, .link-gray-800:focus {
10260
+ color: RGBA(59, 58, 70, var(--bs-link-opacity, 1)) !important;
10261
+ text-decoration-color: RGBA(59, 58, 70, var(--bs-link-underline-opacity, 1)) !important;
10262
+ }
10263
+ .link-gray-900 {
10264
+ color: RGBA(var(--bs-gray-900-rgb), var(--bs-link-opacity, 1)) !important;
10265
+ text-decoration-color: RGBA(var(--bs-gray-900-rgb), var(--bs-link-underline-opacity, 1)) !important;
10266
+ }
10267
+ .link-gray-900:hover, .link-gray-900:focus {
10268
+ color: RGBA(47, 46, 58, var(--bs-link-opacity, 1)) !important;
10269
+ text-decoration-color: RGBA(47, 46, 58, var(--bs-link-underline-opacity, 1)) !important;
10270
+ }
9567
10271
  .link-body-emphasis {
9568
10272
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
9569
10273
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
@@ -9985,6 +10689,39 @@ textarea.form-control-lg {
9985
10689
  .focus-ring-github {
9986
10690
  --bs-focus-ring-color: rgba(var(--bs-github-rgb), var(--bs-focus-ring-opacity));
9987
10691
  }
10692
+ .focus-ring-gray-50 {
10693
+ --bs-focus-ring-color: rgba(var(--bs-gray-50-rgb), var(--bs-focus-ring-opacity));
10694
+ }
10695
+ .focus-ring-gray-75 {
10696
+ --bs-focus-ring-color: rgba(var(--bs-gray-75-rgb), var(--bs-focus-ring-opacity));
10697
+ }
10698
+ .focus-ring-gray-100 {
10699
+ --bs-focus-ring-color: rgba(var(--bs-gray-100-rgb), var(--bs-focus-ring-opacity));
10700
+ }
10701
+ .focus-ring-gray-200 {
10702
+ --bs-focus-ring-color: rgba(var(--bs-gray-200-rgb), var(--bs-focus-ring-opacity));
10703
+ }
10704
+ .focus-ring-gray-300 {
10705
+ --bs-focus-ring-color: rgba(var(--bs-gray-300-rgb), var(--bs-focus-ring-opacity));
10706
+ }
10707
+ .focus-ring-gray-400 {
10708
+ --bs-focus-ring-color: rgba(var(--bs-gray-400-rgb), var(--bs-focus-ring-opacity));
10709
+ }
10710
+ .focus-ring-gray-500 {
10711
+ --bs-focus-ring-color: rgba(var(--bs-gray-500-rgb), var(--bs-focus-ring-opacity));
10712
+ }
10713
+ .focus-ring-gray-600 {
10714
+ --bs-focus-ring-color: rgba(var(--bs-gray-600-rgb), var(--bs-focus-ring-opacity));
10715
+ }
10716
+ .focus-ring-gray-700 {
10717
+ --bs-focus-ring-color: rgba(var(--bs-gray-700-rgb), var(--bs-focus-ring-opacity));
10718
+ }
10719
+ .focus-ring-gray-800 {
10720
+ --bs-focus-ring-color: rgba(var(--bs-gray-800-rgb), var(--bs-focus-ring-opacity));
10721
+ }
10722
+ .focus-ring-gray-900 {
10723
+ --bs-focus-ring-color: rgba(var(--bs-gray-900-rgb), var(--bs-focus-ring-opacity));
10724
+ }
9988
10725
  .position-static {
9989
10726
  position: static !important;
9990
10727
  }
@@ -10918,6 +11655,50 @@ textarea.form-control-lg {
10918
11655
  --bs-text-opacity: 1;
10919
11656
  color: rgba(var(--bs-github-rgb), var(--bs-text-opacity)) !important;
10920
11657
  }
11658
+ .text-gray-50 {
11659
+ --bs-text-opacity: 1;
11660
+ color: rgba(var(--bs-gray-50-rgb), var(--bs-text-opacity)) !important;
11661
+ }
11662
+ .text-gray-75 {
11663
+ --bs-text-opacity: 1;
11664
+ color: rgba(var(--bs-gray-75-rgb), var(--bs-text-opacity)) !important;
11665
+ }
11666
+ .text-gray-100 {
11667
+ --bs-text-opacity: 1;
11668
+ color: rgba(var(--bs-gray-100-rgb), var(--bs-text-opacity)) !important;
11669
+ }
11670
+ .text-gray-200 {
11671
+ --bs-text-opacity: 1;
11672
+ color: rgba(var(--bs-gray-200-rgb), var(--bs-text-opacity)) !important;
11673
+ }
11674
+ .text-gray-300 {
11675
+ --bs-text-opacity: 1;
11676
+ color: rgba(var(--bs-gray-300-rgb), var(--bs-text-opacity)) !important;
11677
+ }
11678
+ .text-gray-400 {
11679
+ --bs-text-opacity: 1;
11680
+ color: rgba(var(--bs-gray-400-rgb), var(--bs-text-opacity)) !important;
11681
+ }
11682
+ .text-gray-500 {
11683
+ --bs-text-opacity: 1;
11684
+ color: rgba(var(--bs-gray-500-rgb), var(--bs-text-opacity)) !important;
11685
+ }
11686
+ .text-gray-600 {
11687
+ --bs-text-opacity: 1;
11688
+ color: rgba(var(--bs-gray-600-rgb), var(--bs-text-opacity)) !important;
11689
+ }
11690
+ .text-gray-700 {
11691
+ --bs-text-opacity: 1;
11692
+ color: rgba(var(--bs-gray-700-rgb), var(--bs-text-opacity)) !important;
11693
+ }
11694
+ .text-gray-800 {
11695
+ --bs-text-opacity: 1;
11696
+ color: rgba(var(--bs-gray-800-rgb), var(--bs-text-opacity)) !important;
11697
+ }
11698
+ .text-gray-900 {
11699
+ --bs-text-opacity: 1;
11700
+ color: rgba(var(--bs-gray-900-rgb), var(--bs-text-opacity)) !important;
11701
+ }
10921
11702
  .text-muted {
10922
11703
  --bs-text-opacity: 1;
10923
11704
  color: var(--bs-secondary-color) !important;
@@ -11210,6 +11991,50 @@ textarea.form-control-lg {
11210
11991
  --bs-bg-opacity: 1;
11211
11992
  background-color: rgba(var(--bs-github-rgb), var(--bs-bg-opacity)) !important;
11212
11993
  }
11994
+ .bg-gray-50 {
11995
+ --bs-bg-opacity: 1;
11996
+ background-color: rgba(var(--bs-gray-50-rgb), var(--bs-bg-opacity)) !important;
11997
+ }
11998
+ .bg-gray-75 {
11999
+ --bs-bg-opacity: 1;
12000
+ background-color: rgba(var(--bs-gray-75-rgb), var(--bs-bg-opacity)) !important;
12001
+ }
12002
+ .bg-gray-100 {
12003
+ --bs-bg-opacity: 1;
12004
+ background-color: rgba(var(--bs-gray-100-rgb), var(--bs-bg-opacity)) !important;
12005
+ }
12006
+ .bg-gray-200 {
12007
+ --bs-bg-opacity: 1;
12008
+ background-color: rgba(var(--bs-gray-200-rgb), var(--bs-bg-opacity)) !important;
12009
+ }
12010
+ .bg-gray-300 {
12011
+ --bs-bg-opacity: 1;
12012
+ background-color: rgba(var(--bs-gray-300-rgb), var(--bs-bg-opacity)) !important;
12013
+ }
12014
+ .bg-gray-400 {
12015
+ --bs-bg-opacity: 1;
12016
+ background-color: rgba(var(--bs-gray-400-rgb), var(--bs-bg-opacity)) !important;
12017
+ }
12018
+ .bg-gray-500 {
12019
+ --bs-bg-opacity: 1;
12020
+ background-color: rgba(var(--bs-gray-500-rgb), var(--bs-bg-opacity)) !important;
12021
+ }
12022
+ .bg-gray-600 {
12023
+ --bs-bg-opacity: 1;
12024
+ background-color: rgba(var(--bs-gray-600-rgb), var(--bs-bg-opacity)) !important;
12025
+ }
12026
+ .bg-gray-700 {
12027
+ --bs-bg-opacity: 1;
12028
+ background-color: rgba(var(--bs-gray-700-rgb), var(--bs-bg-opacity)) !important;
12029
+ }
12030
+ .bg-gray-800 {
12031
+ --bs-bg-opacity: 1;
12032
+ background-color: rgba(var(--bs-gray-800-rgb), var(--bs-bg-opacity)) !important;
12033
+ }
12034
+ .bg-gray-900 {
12035
+ --bs-bg-opacity: 1;
12036
+ background-color: rgba(var(--bs-gray-900-rgb), var(--bs-bg-opacity)) !important;
12037
+ }
11213
12038
  .bg-transparent {
11214
12039
  --bs-bg-opacity: 1;
11215
12040
  background-color: transparent !important;
@@ -14675,10 +15500,13 @@ a:focus {
14675
15500
  #page-container a:not(.btn, .nav-link) {
14676
15501
  padding: 0.5rem 0;
14677
15502
  }
14678
- /* -----------------------------------------
14679
- GLOBALS
14680
- /src/styles/components/globals.scss
14681
- ----------------------------------------- */
15503
+ #page-container .container > .row:first-child {
15504
+ padding-top: 1.5rem;
15505
+ padding-bottom: 1.5rem;
15506
+ }
15507
+ #page-container .container > .row {
15508
+ padding-bottom: 1.5rem;
15509
+ }
14682
15510
  .ca-gov-logo-svg {
14683
15511
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20viewBox%3D%220%200%20149.31%2083.66%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3Cstyle%3E%0A%20%20%20%20%20%20.cls-1%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20url%28%23linear-gradient%29%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-1%2C%20.cls-2%2C%20.cls-3%20%7B%0A%20%20%20%20%20%20%20%20stroke-width%3A%200px%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-2%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20url%28%23linear-gradient-2%29%3B%0A%20%20%20%20%20%20%7D%0A%0A%20%20%20%20%20%20.cls-3%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20%23b91f39%3B%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%3C%2Fstyle%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%22101.65%22%20y1%3D%2239.47%22%20x2%3D%22101.65%22%20y2%3D%2283.66%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%238b5a24%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23441a12%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22linear-gradient-2%22%20x1%3D%2263.41%22%20y1%3D%220%22%20x2%3D%2263.41%22%20y2%3D%2283.64%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20stop-color%3D%22%231b93b8%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%22.6%22%20stop-color%3D%22%231b93b8%22%2F%3E%0A%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2304628d%22%2F%3E%0A%20%20%20%20%3C%2FlinearGradient%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22Logo%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-3%22%20d%3D%22M55.44%2C38.37c.34-.24%2C6.27-4.36%2C6.35-4.72h-7.88c-.31%2C0-.52%2C0-.64-.4h-.01c-.73-2.26-2.41-7.23-2.66-7.36-.82%2C2.5-1.64%2C4.99-2.44%2C7.48-.09.28-.28.29-.51.29-1.78-.03-7.09.09-8.11.09.18.16%2C4.41%2C3.17%2C6.47%2C4.63.26.18.39.31.27.69-.66%2C1.95-2.28%2C6.84-2.28%2C7.35.15.05%2C4.12-2.8%2C6.04-4.16q.77-.55%2C1.54%2C0c.06.04%2C4.05%2C2.84%2C6.01%2C4.21.11-.36-1.61-5.23-2.36-7.44-.1-.32-.08-.45.21-.66Z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-1%22%20d%3D%22M145.41%2C63.47l-.08.03c-.1-2.32-2-7.07-3.66-8.58.71-2.13-.28-3.21-.85-3.93-.34-.42-1.47-.71-1.97-.91-1.79-2.72-5.62-5.19-10.99-6.77-3.48-1.02-7.6-1.68-12.25-1.78-.21%2C0-.44-.01-.69-.01-.47%2C0-.99.02-1.55.05-4.26.23-10.8%2C1.18-12.33%2C1.18h-.13c-.64-.03-2.22-.73-4.09-1.47-2.2-.88-4.77-1.81-6.67-1.81-.2%2C0-.4%2C0-.58.03-1.79.22-6.01%2C2.91-7.57%2C3.77-1.07.59-4.53%2C2.07-5.52%2C2.7-.21.07-.68.07-.88.14-2.47.82-4.21%2C3.65-4.95%2C4.14-.08-.3-1.01-1.59-2.32-1.59-.15%2C0-.31.02-.47.06-1.59.66-1.48%2C1.84-1.48%2C2.41-.31-.12-.77-.69-1.64-.69-.31%2C0-.68.07-1.09.25-1.75.94-.81%2C2.49-1.23%2C3.02-.63.84-2.7%2C2.91-3.48%2C4.34-.33.59.03%2C2.13-.22%2C2.74-.69%2C1.68-4.4%2C4.66-4.75%2C5.33-.12.31.88%2C1.31%2C2.11%2C2.28%2C1.13.89%2C2.43%2C1.73%2C3.24%2C1.93%2C2.27%2C0%2C7.14-.94%2C8.2-1.06h.01c.31%2C0%2C.87.21%2C1.59.4.63.16%2C1.39.32%2C2.25.32.23%2C0%2C.48%2C0%2C.72-.03%2C1.11-.23%2C1.85-.74%2C2.46-1.35%2C1.01-1.02%2C1.59-2.31%2C2.74-2.82.88-.4%2C2-.69%2C2.97-.69.48%2C0%2C.93.07%2C1.29.24-1.83%2C3.28-1.43%2C7.67-2.07%2C8.3-.71.69-1.27%2C1.41-1.71%2C2.09-1.57%2C2.41-1.79%2C4.6-2.55%2C5.11-.21.14-.48.19-.78.19-.86%2C0-2.03-.41-2.85-.41-.2%2C0-.38.02-.54.08-.98.36-3.26%2C2.46-2.42%2C2.96.26.02%2C4%2C.02%2C7.93.02h3.41c.1%2C0%2C2.19-1.91%2C2.29-1.91h5.53c.52-.08.47-.91%2C2.86-2.13%2C2.7-1.06%2C1.42-6.28%2C4.88-10.27.03%2C0%2C1.06-.97%2C1.3-.97%2C1.2%2C0%2C3.22%2C2.18%2C10.49%2C2.18s9.03-2.51%2C10.03-2.51c.5%2C0%2C1.5.75%2C1.5%2C1-3.25%2C5.52%2C4.92%2C11.72%2C4.27%2C12.11-.02.02-.05.02-.08.02-.28%2C0-1.07-.44-2.26-.44-.48%2C0-1.02.07-1.62.27-1.32.44-2.39%2C2.11-1.36%2C2.62.27%2C0%2C3.52.01%2C6.75.01%2C1.8%2C0%2C3.6%2C0%2C4.88-.01.41-.05.38-.83.36-1.59-.01-.5-.02-.99.09-1.25.34-.44.64-2%2C1.51-3.09.85-.93%2C1.51-1.64%2C2.21-1.64.29%2C0%2C.57.13.88.4%2C1.53.84%2C5.23%2C1.3%2C7.33%2C2.06.87.32%2C1.48.67%2C1.52%2C1.14-.03.26-.24.34-.54.34-.13%2C0-.27-.01-.42-.03-.51-.07-1.18-.23-1.83-.23-.34%2C0-.66.05-.97.16-.95.36-1.91%2C1.39-2.18%2C2.14-.14.41-.09.73.29.82h8.7c1%2C0%2C.63-2%2C2.85-6.44.33-1.25-2.79-2.96-3.25-5.33-.29-1.55-.59-4.63-.63-7.63Z%22%2F%3E%0A%20%20%20%20%3Cpath%20class%3D%22cls-2%22%20d%3D%22M87.25%2C34.25l12.05-31.23h14.34l13.18%2C34.16c-3.46-.8-7.18-1.24-11.08-1.32h-.06s-.06%2C0-.06%2C0c-.06%2C0-.12%2C0-.18%2C0-.16%2C0-.33%2C0-.51%2C0-.55%2C0-1.12.02-1.67.05h-.11s-.04%2C0-.04%2C0h-.04c-.23.01-.48.03-.72.05l-5.78-14.96-6.05%2C15.67c-.17-.07-.34-.14-.5-.2-.35-.14-.71-.29-1.09-.44-2.88-1.15-5.94-2.21-8.77-2.21-.31%2C0-.82%2C0-1.43.1-.48.07-.99.2-1.5.36ZM42.16%2C83.64c8.86%2C0%2C15.54-1.75%2C21.44-4.99l1.27-3.22c-2.1.32-4.04.57-5.53.57h-.71l-.69-.18c-1.53-.39-3.33-1.39-5.36-2.99-.78-.61-2.03-1.62-2.99-2.95-2.22.51-4.6.79-7.2.79-17.12%2C0-29.08-11.91-29.08-28.97%2C0-16.11%2C12.62-28.74%2C28.74-28.74%2C9.03%2C0%2C17.03%2C3.6%2C24.44%2C10.98l5.24-13.3C63.54%2C3.82%2C53.19%2C0%2C42.39%2C0c-11.38%2C0-21.96%2C4.05-29.78%2C11.41C4.48%2C19.06%2C0%2C29.82%2C0%2C41.71c0%2C24.69%2C17.34%2C41.93%2C42.16%2C41.93Z%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E") no-repeat;
14684
15512
  aspect-ratio: 45/25;