@cagovweb/state-template 6.4.3 → 6.5.1

package/dist/css/cagov.core.css

@@ -1,4 +1,4 @@
-/*! State Web Template Version 6.4.3 */
+/*! State Web Template Version 6.5.1 */
 @charset "UTF-8";
 /*!
  * Bootstrap  v5.3.3 (https://getbootstrap.com/)
@@ -12208,6 +12208,8 @@ textarea.form-control-lg {
   --alert-danger-border: color-mix(in srgb, var(--state-danger-bg), #000 7%);
   --blockquote-border-color: var(--gray-100, #ededef) !default;
   --text-field-color: rgba(255 255 255 / 80%);
+  --ca-gov-logo: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8192 4563'><defs><linearGradient id='grad1' y1='2329' x2='0' y2='4499' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%238b5a24'/><stop offset='1' stop-color='%23441a12'/></linearGradient><linearGradient id='grad2' y1='396' x2='0' y2='4498' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%231b93b8'/><stop offset='.6' stop-color='%231b93b8'/><stop offset='1' stop-color='%2304628d'/></linearGradient></defs><path fill='url(%23grad1)' d='M7850 3454l-4 2c-6-125-108-382-197-463 39-115-15-173-46-212-18-23-79-39-106-49-97-147-304-280-593-365-188-55-410-91-661-96-11 0-24-1-37-1-25 0-53 1-84 3-230 13-583 64-665 64h-7c-35-2-120-40-221-79-119-47-257-98-360-98 0 0-21 0-31 2-97 12-324 157-409 203-58 32-335 150-345 153-133 45-227 197-267 223-4-16-54-86-125-86s-17 1-25 3c-86 36-80 99-80 130-17-7-42-38-89-37s-37 4-59 14c-95 51-44 134-66 163-34 45-146 157-188 234-18 32 2 115-12 148-37 91-238 251-256 288-7 17 47 71 114 123 61 48 82 79 175 104s385-51 443-57h1c17 0 47 11 86 21 34 9 75 17 121 17s26 0 39-2c60-13 100-40 133-73 54-55 86-125 148-152 47-21 108-37 161-37s50 4 70 13c-99 177-77 414-112 448-39 37-69 76-92 113-85 130-97 248-137 276-11 8-26 10-42 10-46 0-109-22-154-22s-20 1-29 4c-53 19-176 133-131 160 14 1 216 1 428 1h184c6 0 118-103 124-103h299c28-4 25-49 154-115 146-57 76-339 263-554 2 0 57-52 70-52 65 0 174 118 566 118s487-135 541-135 81 41 81 54c-175 298 266 632 230 653-1 1-3 1-4 1-15 0-58-24-122-24s-55 4-87 15c-72 24-129 114-74 141 15 0 190 1 364 1s194 0 263-1c22-3 20-45 19-86-1-27-1-53 5-68 18-24 35-108 81-167 46-50 81-89 119-89s31 7 47 21c83 45 282 70 395 111 47 17 80 36 82 62-2 14-13 18-29 18s-15-1-23-2c-28-4-64-13-99-13s-36 3-52 9c-51 19-103 75-118 116-8 22-5 40 16 45h470c54 0 34-108 154-348 18-68-151-160-175-288-16-84-32-250-34-412l3-1 1-1hZ'/><path fill='url(%23grad2)' d='M5362 193h774l711 1843c-187-43-388-67-598-72h-44c-30 0-61 1-90 3h-10c-13 1-26 2-39 3l-312-807-327 846c-9-4-18-8-27-11-19-8-39-16-59-24-156-62-269-113-422-121-153-7-208 25-208 25l651-1685ZM2279 4542c478 0 838-95 1157-264l69-174c-113 17-258 49-374 21s-180-75-289-161c-42-33-109-87-161-159-120 28-248 43-389 43-924 0-1569-643-1569-1563s681-1568 1550-1550c476 10 919 194 1318 593l283-718C3432 236 2874 30 2292 30S1107 249 685 646C246 1058 4 1639 4 2281c0 1332 936 2262 2275 2262v-1h0Z'/><path fill='%23b91f39' d='M2886 1844l-148-424-148 424h-446l361 276-128 424 361-276 361 276-128-424 361-276h-446 1-Z'/></svg>")
+    no-repeat;
 }
 /* -----------------------------------------
    OCEANSIDE COLOR THEME
@@ -15440,8 +15442,10 @@ h2 {
     }
 
     .ca-gov-logo-svg {
-      height: 1.7rem;
-      width: auto;
+      vertical-align: middle;
+      aspect-ratio: 9 / 5;
+      display: inline-block;
+      width: 50px;
     }
   }
 
@@ -15647,7 +15651,7 @@ input[type="search"].search-textfield {
   border: 1px solid #72717c;
   border-radius: 5px 0 0 5px;
 
-  .search-container & {
+  .search-container {
     @media (width <= 991px) {
       border-color: var(--white, #fff);
 
@@ -15680,7 +15684,7 @@ input[type="search"].search-textfield {
     width: 60%;
     left: 20%;
 
-    .flexbox & {
+    .flexbox {
       left: 0;
       right: 0;
       margin: 0 auto;
@@ -16836,8 +16840,8 @@ input[type="search"]::-webkit-search-results-decoration {
       -moz-box-flex: 1;
       flex: 1 1 auto;
 
-      .noflex &,
-      .oldie & {
+      .noflex,
+      .oldie {
         display: table-cell;
       }
 
@@ -16906,7 +16910,7 @@ input[type="search"]::-webkit-search-results-decoration {
     .nav-item:hover .sub-nav {
       display: block;
 
-      .touch & {
+      .touch {
         display: none;
       }
     }
@@ -18331,6 +18335,12 @@ header.nav-overlay {
     }
 
     .social-media-links {
+      display: flex;
+      flex-direction: row;
+      justify-content: flex-start;
+      min-height: 38px;
+      align-items: center;
+
       /* stylelint-disable-next-line no-descending-specificity */
       a {
         margin: 0 10px;
@@ -18343,12 +18353,6 @@ header.nav-overlay {
         }
       }
 
-      display: flex;
-      flex-direction: row;
-      justify-content: flex-start;
-      min-height: 38px;
-      align-items: center;
-
       .header-cagov-logo {
         margin-right: 0.5rem;
 
@@ -18361,6 +18365,9 @@ header.nav-overlay {
 
         .ca-gov-logo-svg {
           vertical-align: middle;
+          aspect-ratio: 9 / 5;
+          display: inline-block;
+          width: 45px;
         }
 
         a {
@@ -18448,6 +18455,9 @@ header.nav-overlay {
 }
 
 .section-overstated {
+  background: var(--color-p2, #046b99);
+  color: var(--white, #fff);
+
   .img-thumbnail {
     padding: 4px;
     background-color: var(--color-s3-lighter, #bdd3e0);
@@ -18481,7 +18491,7 @@ header.nav-overlay {
     &:not(:disabled, .disabled):active,
     &:not(:disabled, .disabled).active,
     .show > .dropdown-toggle,
-    .open > .dropdown-toggle & {
+    .open > .dropdown-toggle {
       color: var(--white, #fff);
       background-color: var(--color-p2-darker, #214a68);
       border-color: var(--white, #fff);
@@ -18491,8 +18501,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18519,7 +18528,7 @@ header.nav-overlay {
     &:not(:disabled, .disabled):active,
     &:not(:disabled, .disabled).active,
     .show > .dropdown-toggle,
-    .open > .dropdown-toggle & {
+    .open > .dropdown-toggle {
       color: var(--white, #fff);
       background-color: var(--color-p3-darker, #242830);
       border-color: var(--white, #fff);
@@ -18529,8 +18538,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18585,7 +18593,7 @@ header.nav-overlay {
     &:not(:disabled, .disabled):active,
     &:not(:disabled, .disabled).active,
     .show > .dropdown-toggle,
-    .open > .dropdown-toggle & {
+    .open > .dropdown-toggle {
       color: var(--white, #fff);
       background-color: var(--color-p2-darker, #214a68);
       border-color: var(--white, #fff);
@@ -18595,8 +18603,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18634,8 +18641,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18690,7 +18696,7 @@ header.nav-overlay {
     &:not(:disabled, .disabled):active,
     &:not(:disabled, .disabled).active,
     .show > .dropdown-toggle,
-    .open > .dropdown-toggle & {
+    .open > .dropdown-toggle {
       color: var(--white, #fff);
       background-color: var(--color-p2-darker, #214a68);
       border-color: var(--white, #fff);
@@ -18700,8 +18706,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18729,7 +18734,7 @@ header.nav-overlay {
     &:not(:disabled, .disabled):active,
     &:not(:disabled, .disabled).active,
     .show > .dropdown-toggle,
-    .open > .dropdown-toggle & {
+    .open > .dropdown-toggle {
       color: var(--white, #fff);
       background-color: var(--color-p3-darker, #242830);
       border-color: var(--white, #fff);
@@ -18739,8 +18744,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18767,7 +18771,7 @@ header.nav-overlay {
     &:not(:disabled, .disabled):active,
     &:not(:disabled, .disabled).active,
     .show > .dropdown-toggle,
-    .open > .dropdown-toggle & {
+    .open > .dropdown-toggle {
       color: var(--white, #fff);
       background-color: rgb(255 255 255 / 20%);
       border-color: var(--white, #fff);
@@ -18777,8 +18781,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18796,6 +18799,9 @@ header.nav-overlay {
 }
 
 .section-primary {
+  background: var(--color-p2, #046b99);
+  color: var(--white, #fff);
+
   .img-thumbnail {
     padding: 4px;
     background-color: var(--color-p2-lightest, #a4c3d4);
@@ -18819,9 +18825,6 @@ header.nav-overlay {
     }
   }
 
-  background: var(--color-p2, #046b99);
-  color: var(--white, #fff);
-
   /* stylelint-disable-next-line no-descending-specificity */
   .btn-primary {
     color: var(--white, #fff);
@@ -18834,7 +18837,7 @@ header.nav-overlay {
     &:not(:disabled, .disabled):active,
     &:not(:disabled, .disabled).active,
     .show > .dropdown-toggle,
-    .open > .dropdown-toggle & {
+    .open > .dropdown-toggle {
       color: var(--white, #fff);
       background-color: var(--color-p2-darker, #214a68);
       border-color: var(--white, #fff);
@@ -18844,8 +18847,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18873,7 +18875,7 @@ header.nav-overlay {
     &:not(:disabled, .disabled):active,
     &:not(:disabled, .disabled).active,
     .show > .dropdown-toggle,
-    .open > .dropdown-toggle & {
+    .open > .dropdown-toggle {
       color: var(--white, #fff);
       background-color: var(--color-p3-darker, #242830);
       border-color: var(--white, #fff);
@@ -18883,8 +18885,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18940,7 +18941,7 @@ header.nav-overlay {
     &:not(:disabled, .disabled):active,
     &:not(:disabled, .disabled).active,
     .show > .dropdown-toggle,
-    .open > .dropdown-toggle & {
+    .open > .dropdown-toggle {
       color: var(--white, #fff);
       background-color: var(--color-p2-darker, #214a68);
       border-color: var(--white, #fff);
@@ -18950,8 +18951,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18979,7 +18979,7 @@ header.nav-overlay {
     &:not(:disabled, .disabled):active,
     &:not(:disabled, .disabled).active,
     .show > .dropdown-toggle,
-    .open > .dropdown-toggle & {
+    .open > .dropdown-toggle {
       color: var(--white, #fff);
       background-color: var(--color-p3-darker, #242830);
       border-color: var(--white, #fff);
@@ -18989,8 +18989,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -20020,7 +20019,6 @@ html {
         color: var(--link-color, #046b99);
         font-weight: 600;
 
-        &,
         &:hover {
           border: none;
           border-top: none !important;
@@ -20127,10 +20125,12 @@ html {
   }
 }
 
+/* stylelint-disable-next-line no-descending-specificity */
 .nav-tabs > li > a:hover {
   color: var(--brand-primary-darker, #29597f);
 }
 
+/* stylelint-disable-next-line no-descending-specificity */
 .nav-tabs > li > a:focus {
   outline: 2px solid var(--outline-default-color);
   outline-offset: -2px;
@@ -20302,6 +20302,7 @@ html {
     margin: 0;
     font-weight: 600;
 
+    /* stylelint-disable-next-line no-descending-specificity */
     &:focus {
       outline: 2px solid var(--outline-default-color);
       outline-offset: -2px;
@@ -20330,6 +20331,7 @@ html {
     padding: 1.1rem;
     margin-top: -2px;
 
+    /* stylelint-disable-next-line no-descending-specificity */
     a:focus {
       outline: 2px solid var(--outline-default-color);
     }
@@ -21006,7 +21008,7 @@ cagov-accordion.sidenav {
   padding: 0;
 }
 
-.section--overstated,
+.section-overstated,
 .section-standout,
 .section-impact,
 .section-primary,
@@ -22914,7 +22916,7 @@ fieldset[disabled] .btn-outline-primary.active {
 /*  DEFAULT BUTTON */
 .btn-default {
   color: var(--gray-700, #5e5e6a);
-  background-color: rgba(255 255 255 / 65%);
+  background-color: var(--gray-50, #fafafa);
   border-color: var(--gray-700, #5e5e6a);
   font-weight: var(--font-weight-6);
 
@@ -22936,7 +22938,7 @@ fieldset[disabled] .btn-outline-primary.active {
 .btn-default .show > .dropdown-toggle,
 .open > .dropdown-toggle .btn-default {
   color: var(--black, #000);
-  background-color: color(rgba 255 255 255);
+  background-color: var(--gray-75, #f8f9fa);
   border-color: var(--black, #000);
   box-shadow: 0 2px 4px rgba(0 0 0 / 50%);
   background-image: none;
@@ -23757,7 +23759,7 @@ fieldset[disabled] .btn-more {
    Number Counter
 ----------------------------------------- */
 .number-counter {
-  .no-js & {
+  .no-js {
     visibility: visible;
   }
 }
@@ -25065,12 +25067,43 @@ a.sidenav {
   left: 0;
 }
 
-.bg-primary .link-grid {
-  border-color: var(--white, #fff);
+/* dark mode */
+.section-overstated,
+.section-standout,
+.section-impact,
+.section-primary,
+.section-inverted,
+.bg-primary,
+.bg-standout,
+.bg-p2,
+.bg-p3 {
+  .link-grid {
+    border-color: var(--white, #fff);
+  }
+}
 
-  &:hover,
-  &:focus {
-    background-color: var(--color-p2-darker, #214a68);
+.bg-primary,
+.bg-p2,
+.section-primary,
+.section-overstated {
+  .link-grid {
+    &:hover,
+    &:focus {
+      background-color: var(--color-p2-darker, #214a68);
+    }
+  }
+}
+
+.bg-standout,
+.bg-p3,
+.section-standout,
+.section-impact,
+.section-inverted {
+  .link-grid {
+    &:hover,
+    &:focus {
+      background-color: var(--color-p3-darker, #1f262e);
+    }
   }
 }
 /* -----------------------------------------
@@ -25090,11 +25123,7 @@ a.sidenav {
    GLOBALS - /src/css/cagov/globals.css
 ----------------------------------------- */
 .ca-gov-logo-svg {
-  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8192 4563'><defs><linearGradient id='grad1' y1='2329' x2='0' y2='4499' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%238b5a24'/><stop offset='1' stop-color='%23441a12'/></linearGradient><linearGradient id='grad2' y1='396' x2='0' y2='4498' gradientUnits='userSpaceOnUse'><stop offset='0' stop-color='%231b93b8'/><stop offset='.6' stop-color='%231b93b8'/><stop offset='1' stop-color='%2304628d'/></linearGradient></defs><path fill='url(%23grad1)' d='M7850 3454l-4 2c-6-125-108-382-197-463 39-115-15-173-46-212-18-23-79-39-106-49-97-147-304-280-593-365-188-55-410-91-661-96-11 0-24-1-37-1-25 0-53 1-84 3-230 13-583 64-665 64h-7c-35-2-120-40-221-79-119-47-257-98-360-98 0 0-21 0-31 2-97 12-324 157-409 203-58 32-335 150-345 153-133 45-227 197-267 223-4-16-54-86-125-86s-17 1-25 3c-86 36-80 99-80 130-17-7-42-38-89-37s-37 4-59 14c-95 51-44 134-66 163-34 45-146 157-188 234-18 32 2 115-12 148-37 91-238 251-256 288-7 17 47 71 114 123 61 48 82 79 175 104s385-51 443-57h1c17 0 47 11 86 21 34 9 75 17 121 17s26 0 39-2c60-13 100-40 133-73 54-55 86-125 148-152 47-21 108-37 161-37s50 4 70 13c-99 177-77 414-112 448-39 37-69 76-92 113-85 130-97 248-137 276-11 8-26 10-42 10-46 0-109-22-154-22s-20 1-29 4c-53 19-176 133-131 160 14 1 216 1 428 1h184c6 0 118-103 124-103h299c28-4 25-49 154-115 146-57 76-339 263-554 2 0 57-52 70-52 65 0 174 118 566 118s487-135 541-135 81 41 81 54c-175 298 266 632 230 653-1 1-3 1-4 1-15 0-58-24-122-24s-55 4-87 15c-72 24-129 114-74 141 15 0 190 1 364 1s194 0 263-1c22-3 20-45 19-86-1-27-1-53 5-68 18-24 35-108 81-167 46-50 81-89 119-89s31 7 47 21c83 45 282 70 395 111 47 17 80 36 82 62-2 14-13 18-29 18s-15-1-23-2c-28-4-64-13-99-13s-36 3-52 9c-51 19-103 75-118 116-8 22-5 40 16 45h470c54 0 34-108 154-348 18-68-151-160-175-288-16-84-32-250-34-412l3-1 1-1hZ'/><path fill='url(%23grad2)' d='M5362 193h774l711 1843c-187-43-388-67-598-72h-44c-30 0-61 1-90 3h-10c-13 1-26 2-39 3l-312-807-327 846c-9-4-18-8-27-11-19-8-39-16-59-24-156-62-269-113-422-121-153-7-208 25-208 25l651-1685ZM2279 4542c478 0 838-95 1157-264l69-174c-113 17-258 49-374 21s-180-75-289-161c-42-33-109-87-161-159-120 28-248 43-389 43-924 0-1569-643-1569-1563s681-1568 1550-1550c476 10 919 194 1318 593l283-718C3432 236 2874 30 2292 30S1107 249 685 646C246 1058 4 1639 4 2281c0 1332 936 2262 2275 2262v-1h0Z'/><path fill='%23b91f39' d='M2886 1844l-148-424-148 424h-446l361 276-128 424 361-276 361 276-128-424 361-276h-446 1-Z'/></svg>")
-    no-repeat;
-  aspect-ratio: 9 / 5;
-  width: 45px;
-  display: inline-block;
+  background: var(--ca-gov-logo);
 }
 
 .overflow-hidden {