@cagovweb/state-template 6.5.0 → 6.5.1

package/dist/css/cagov.core.css

@@ -1,4 +1,4 @@
-/*! State Web Template Version 6.5.0 */
+/*! 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 {
@@ -18484,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);
@@ -18494,8 +18501,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18522,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);
@@ -18532,8 +18538,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18588,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);
@@ -18598,8 +18603,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18637,8 +18641,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18693,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);
@@ -18703,8 +18706,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18732,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);
@@ -18742,8 +18744,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18770,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);
@@ -18780,8 +18781,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18837,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);
@@ -18847,8 +18847,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18876,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);
@@ -18886,8 +18885,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18943,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);
@@ -18953,8 +18951,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -18982,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);
@@ -18992,8 +18989,7 @@ header.nav-overlay {
 
     &.disabled,
     &[disabled],
-    fieldset[disabled] & {
-      &,
+    fieldset[disabled] {
       &:hover,
       &:focus,
       &:active,
@@ -20023,7 +20019,6 @@ html {
         color: var(--link-color, #046b99);
         font-weight: 600;
 
-        &,
         &:hover {
           border: none;
           border-top: none !important;
@@ -20130,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;
@@ -20305,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;
@@ -20333,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);
     }
@@ -23760,7 +23759,7 @@ fieldset[disabled] .btn-more {
    Number Counter
 ----------------------------------------- */
 .number-counter {
-  .no-js & {
+  .no-js {
     visibility: visible;
   }
 }
@@ -25124,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 {