@cagovweb/state-template 6.5.4 → 6.5.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.
@@ -1,4 +1,4 @@
1
- /*! State Web Template Version 6.5.4 */
1
+ /*! State Web Template Version 6.5.5 */
2
2
  @charset "UTF-8";
3
3
  /*!
4
4
  * Bootstrap v5.3.8 (https://getbootstrap.com/)
@@ -15601,11 +15601,6 @@ h2 {
15601
15601
  opacity: 1;
15602
15602
  }
15603
15603
 
15604
- /* stylelint-disable-next-line selector-pseudo-element-no-unknown */
15605
- &::input-placeholder {
15606
- color: var(--black, #000);
15607
- }
15608
-
15609
15604
  &:focus {
15610
15605
  outline: 2px solid var(--outline-default-color);
15611
15606
  outline-offset: -2px;
@@ -19430,6 +19425,10 @@ html {
19430
19425
  background-color: var(--color-p3, #323a45);
19431
19426
  color: var(--white, #fff);
19432
19427
 
19428
+ &.alert-dismissible {
19429
+ padding-right: 3rem;
19430
+ }
19431
+
19433
19432
  .alert-icon {
19434
19433
  font-size: 1.6rem;
19435
19434
  position: absolute;
@@ -20539,51 +20538,50 @@ cagov-accordion.sidenav {
20539
20538
  }
20540
20539
  }
20541
20540
  }
20542
- .breadcrumbs ul,
20543
- .breadcrumbs ol {
20544
- padding: 0.5em 1rem;
20545
- padding-left: 0;
20546
- margin-bottom: 2rem;
20547
- display: flex;
20548
- flex-wrap: wrap;
20549
- list-style: none;
20550
- font-size: var(--font-size-small);
20551
-
20552
- @media (width >= 576px) {
20553
- font-size: calc(var(--font-size-small) + var(--ratio));
20554
- }
20555
-
20556
- & li {
20557
- position: relative;
20558
- padding-left: 0.75rem;
20559
- padding-right: 0.75rem;
20541
+ nav.breadcrumbs {
20542
+ > ul,
20543
+ > ol {
20544
+ padding: 0.5em 1rem;
20545
+ padding-left: 0;
20546
+ margin-bottom: 2rem;
20547
+ display: flex;
20548
+ flex-wrap: wrap;
20549
+ list-style: none;
20550
+ font-size: var(--font-size-small);
20560
20551
 
20561
- & a {
20562
- padding: 0.375rem 0;
20552
+ @media (width >= 576px) {
20553
+ font-size: calc(var(--font-size-small) + var(--ratio));
20563
20554
  }
20564
20555
 
20565
- &:first-child {
20566
- padding-left: 0;
20567
- }
20556
+ > li {
20557
+ position: relative;
20558
+ padding-left: 0.75rem;
20559
+ padding-right: 0.75rem;
20568
20560
 
20569
- &::after {
20570
- content: "";
20571
- color: var(--gray-900, #3b3a48);
20572
- border: none;
20573
- margin: 0 calc(var(--grid-gutter-width) / 2);
20574
- font-size: 1.125rem;
20575
- font-weight: 200;
20576
- position: absolute;
20577
- border-left: 1px solid;
20578
- height: 70%;
20579
- top: 5px;
20580
- right: -9px;
20581
- transform: rotate(15deg);
20582
- }
20561
+ > a {
20562
+ padding: 0.375rem 0;
20563
+ }
20564
+
20565
+ &:first-child {
20566
+ padding-left: 0;
20567
+ }
20583
20568
 
20584
- &:last-child {
20585
20569
  &::after {
20586
20570
  content: "";
20571
+ color: var(--gray-900, #3b3a48);
20572
+ border: none;
20573
+ margin: 0 calc(var(--grid-gutter-width) / 2);
20574
+ font-size: 1.125rem;
20575
+ font-weight: 200;
20576
+ position: absolute;
20577
+ border-left: 1px solid;
20578
+ height: 70%;
20579
+ top: 5px;
20580
+ right: -9px;
20581
+ transform: rotate(15deg);
20582
+ }
20583
+
20584
+ &:last-child::after {
20587
20585
  border-left: none;
20588
20586
  margin: 0;
20589
20587
  }
@@ -25190,7 +25188,7 @@ a.sidenav {
25190
25188
  .gray-500,
25191
25189
  .gray-500-hover:hover,
25192
25190
  .gray-500-hover:focus {
25193
- color: var(--gray-50, #fafafa) !important;
25191
+ color: var(--gray-500, #898891) !important;
25194
25192
  }
25195
25193
 
25196
25194
  .gray-600,
@@ -1,4 +1,4 @@
1
- /*! State Web Template Version 6.5.4 */
1
+ /*! State Web Template Version 6.5.5 */
2
2
  @charset "UTF-8";
3
3
  /*!
4
4
  * Bootstrap v5.3.8 (https://getbootstrap.com/)
@@ -15709,12 +15709,6 @@ h2 {
15709
15709
  opacity: 1;
15710
15710
  }
15711
15711
 
15712
- /* stylelint-disable-next-line selector-pseudo-element-no-unknown */
15713
-
15714
- .search-container .search-textfield::input-placeholder {
15715
- color: var(--black, #000);
15716
- }
15717
-
15718
15712
  .search-container .search-textfield:focus {
15719
15713
  outline: 2px solid var(--outline-default-color);
15720
15714
  outline-offset: -2px;
@@ -19577,6 +19571,10 @@ html {
19577
19571
  color: var(--white, #fff);
19578
19572
  }
19579
19573
 
19574
+ .alert-banner.alert-dismissible {
19575
+ padding-right: 3rem;
19576
+ }
19577
+
19580
19578
  .alert-banner .alert-icon {
19581
19579
  font-size: 1.6rem;
19582
19580
  position: absolute;
@@ -20618,49 +20616,48 @@ cagov-accordion.sidenav > details .accordion-body .side-subnav li:first-child {
20618
20616
  cagov-accordion.sidenav > details .accordion-body .side-subnav li:last-child {
20619
20617
  margin-bottom: 0;
20620
20618
  }
20621
- .breadcrumbs ul,
20622
- .breadcrumbs ol {
20623
- padding: 0.5em 1rem;
20624
- padding-left: 0;
20625
- margin-bottom: 2rem;
20626
- display: flex;
20627
- flex-wrap: wrap;
20628
- list-style: none;
20629
- font-size: var(--font-size-small);
20630
- }
20631
- @media (min-width: 576px) {
20632
- .breadcrumbs ul,
20633
- .breadcrumbs ol {
20634
- font-size: calc(var(--font-size-small) + var(--ratio))
20635
- }
20619
+ nav.breadcrumbs > ul,
20620
+ nav.breadcrumbs > ol {
20621
+ padding: 0.5em 1rem;
20622
+ padding-left: 0;
20623
+ margin-bottom: 2rem;
20624
+ display: flex;
20625
+ flex-wrap: wrap;
20626
+ list-style: none;
20627
+ font-size: var(--font-size-small);
20636
20628
  }
20637
- .breadcrumbs ul li, .breadcrumbs ol li {
20638
- position: relative;
20639
- padding-left: 0.75rem;
20640
- padding-right: 0.75rem;
20629
+ @media (min-width: 576px) {
20630
+ nav.breadcrumbs > ul,
20631
+ nav.breadcrumbs > ol {
20632
+ font-size: calc(var(--font-size-small) + var(--ratio))
20641
20633
  }
20642
- .breadcrumbs ul li a, .breadcrumbs ol li a {
20643
- padding: 0.375rem 0;
20644
- }
20645
- .breadcrumbs ul li:first-child, .breadcrumbs ol li:first-child {
20646
- padding-left: 0;
20647
20634
  }
20648
- .breadcrumbs ul li::after, .breadcrumbs ol li::after {
20649
- content: "";
20650
- color: var(--gray-900, #3b3a48);
20651
- border: none;
20652
- margin: 0 calc(var(--grid-gutter-width) / 2);
20653
- font-size: 1.125rem;
20654
- font-weight: 200;
20655
- position: absolute;
20656
- border-left: 1px solid;
20657
- height: 70%;
20658
- top: 5px;
20659
- right: -9px;
20660
- transform: rotate(15deg);
20635
+ nav.breadcrumbs > ul > li, nav.breadcrumbs > ol > li {
20636
+ position: relative;
20637
+ padding-left: 0.75rem;
20638
+ padding-right: 0.75rem;
20661
20639
  }
20662
- .breadcrumbs ul li:last-child::after, .breadcrumbs ol li:last-child::after {
20640
+ nav.breadcrumbs > ul > li > a, nav.breadcrumbs > ol > li > a {
20641
+ padding: 0.375rem 0;
20642
+ }
20643
+ nav.breadcrumbs > ul > li:first-child, nav.breadcrumbs > ol > li:first-child {
20644
+ padding-left: 0;
20645
+ }
20646
+ nav.breadcrumbs > ul > li::after, nav.breadcrumbs > ol > li::after {
20663
20647
  content: "";
20648
+ color: var(--gray-900, #3b3a48);
20649
+ border: none;
20650
+ margin: 0 calc(var(--grid-gutter-width) / 2);
20651
+ font-size: 1.125rem;
20652
+ font-weight: 200;
20653
+ position: absolute;
20654
+ border-left: 1px solid;
20655
+ height: 70%;
20656
+ top: 5px;
20657
+ right: -9px;
20658
+ transform: rotate(15deg);
20659
+ }
20660
+ nav.breadcrumbs > ul > li:last-child::after, nav.breadcrumbs > ol > li:last-child::after {
20664
20661
  border-left: none;
20665
20662
  margin: 0;
20666
20663
  }
@@ -24693,6 +24690,8 @@ a.sidenav.back::after {
24693
24690
  line-height: var(--font-lineheight-3);
24694
24691
  margin-bottom: 0;
24695
24692
  border-color: var(--color-p1, #fdb81e);
24693
+
24694
+ /* White Color */
24696
24695
  }
24697
24696
 
24698
24697
  .cagov-step-list > li::before {
@@ -24719,8 +24718,6 @@ a.sidenav.back::after {
24719
24718
  margin-left: 5px;
24720
24719
  }
24721
24720
 
24722
- /* White Color */
24723
-
24724
24721
  .cagov-step-list > li span.has-black-color,
24725
24722
  .cagov-step-list > li .cagov-step-list-content {
24726
24723
  margin-top: 1rem;
@@ -25333,7 +25330,7 @@ a.sidenav.back::after {
25333
25330
  .gray-500,
25334
25331
  .gray-500-hover:hover,
25335
25332
  .gray-500-hover:focus {
25336
- color: var(--gray-50, #fafafa) !important;
25333
+ color: var(--gray-500, #898891) !important;
25337
25334
  }
25338
25335
 
25339
25336
  .gray-600,