@cagovweb/state-template 6.5.3 → 6.5.4

package/dist/css/cagov.core.css

@@ -1,4 +1,4 @@
-/*! State Web Template Version 6.5.3 */
+/*! State Web Template Version 6.5.4 */
 @charset "UTF-8";
 /*!
  * Bootstrap  v5.3.8 (https://getbootstrap.com/)
@@ -24019,18 +24019,19 @@ fieldset[disabled] .btn-more {
    SIDE NAVIGATION - /src/css/cagov/side-navigation.css
 ----------------------------------------- */
 
-.list-navigation,
-.side-navigation ul {
+ul.list-navigation,
+nav.side-navigation > ul {
   margin-left: 0;
   padding-left: 0;
 
-  & li {
+  > li,
+  > li > ul > li {
     list-style: none;
     margin: 0;
     font-size: calc(1rem + var(--ratio));
     padding-left: 0;
 
-    & a {
+    > a {
       position: relative;
       display: block;
       text-decoration: none !important;
@@ -24040,47 +24041,9 @@ fieldset[disabled] .btn-more {
       padding-left: 1rem;
       border-bottom: 1px solid var(--gray-100, #f3f3f4);
 
-      &:hover {
-        color: var(--gray-900, #3b3a48);
-      }
-
-      &.landing {
-        font-weight: var(--font-weight-7);
-
-        &.active {
-          background-color: var(--gray-75, #f3f3f4);
-
-          &:hover,
-          &:focus {
-            background-color: var(--gray-100, #f3f3f4);
-          }
-        }
-
-        &.back {
-          padding-left: 1.5rem;
-
-          &::after {
-            content: "\e668";
-            position: absolute;
-            font-family: CaGov;
-            left: 0;
-            top: 0.65rem;
-          }
-        }
-      }
-
       &.active {
-        color: var(--gray-800, #4a4958);
-        text-decoration: none;
         background-color: var(--gray-75, #f3f3f4);
 
-        &:hover,
-        &:focus {
-          color: var(--black, #000);
-          text-decoration: none;
-          background-color: var(--gray-100, #f3f3f4);
-        }
-
         &::before {
           content: "";
           border-left: 3px solid;
@@ -24093,48 +24056,52 @@ fieldset[disabled] .btn-more {
           border-radius: 0;
         }
       }
-    }
 
-    & a:hover,
-    & a:focus {
-      text-decoration: none;
-      background-color: var(--gray-50, #fafafa);
-      color: var(--gray-900, #3b3a48);
-    }
-
-    /* stylelint-disable-next-line no-descending-specificity */
-    & a:focus {
-      outline: 2px solid var(--outline-default-color);
-      outline-offset: -2px;
-    }
+      &:hover {
+        color: var(--gray-900, #3b3a48);
+      }
 
-    & ul {
-      padding-left: 0;
+      /* stylelint-disable-next-line no-descending-specificity */
+      &:focus {
+        outline: 2px solid var(--outline-default-color);
+        outline-offset: -2px;
+      }
 
-      & li {
-        margin: 0;
+      &:focus,
+      &:hover {
+        background-color: var(--gray-50, #fafafa);
 
         /* stylelint-disable-next-line no-descending-specificity */
-        & a {
-          padding-left: 2.5rem;
+        &.active {
+          background-color: var(--gray-100, #f3f3f4);
+        }
+      }
 
-          &.active {
-            color: var(--gray-800, #4a4958);
-            text-decoration: none;
+      &.landing {
+        font-weight: var(--font-weight-7);
 
-            &:hover,
-            &:focus {
-              color: var(--black, #000);
-              text-decoration: none;
-            }
+        &.back {
+          padding-left: 1.5rem;
 
-            ::before {
-              border-left-color: var(--color-p1, #fdb81e);
-            }
+          &::after {
+            content: "\e668";
+            position: absolute;
+            font-family: CaGov;
+            left: 0;
+            top: 0.65rem;
           }
         }
       }
     }
+
+    > ul {
+      padding-left: 0;
+
+      /* stylelint-disable-next-line no-descending-specificity */
+      > li > a {
+        padding-left: 2.5rem;
+      }
+    }
   }
 }
 

package/dist/css/cagov.core.flat.css

@@ -1,4 +1,4 @@
-/*! State Web Template Version 6.5.3 */
+/*! State Web Template Version 6.5.4 */
 @charset "UTF-8";
 /*!
  * Bootstrap  v5.3.8 (https://getbootstrap.com/)
@@ -24149,20 +24149,23 @@ fieldset[disabled] .btn-more {
    SIDE NAVIGATION - /src/css/cagov/side-navigation.css
 ----------------------------------------- */
 
-.list-navigation,
-.side-navigation ul {
+ul.list-navigation,
+nav.side-navigation > ul {
   margin-left: 0;
   padding-left: 0;
 }
 
-.list-navigation li, .side-navigation ul li {
+ul.list-navigation > li,
+  ul.list-navigation > li > ul > li,
+  nav.side-navigation > ul > li,
+  nav.side-navigation > ul > li > ul > li {
     list-style: none;
     margin: 0;
     font-size: calc(1rem + var(--ratio));
     padding-left: 0;
   }
 
-.list-navigation li a, .side-navigation ul li a {
+ul.list-navigation > li > a, ul.list-navigation > li > ul > li > a, nav.side-navigation > ul > li > a, nav.side-navigation > ul > li > ul > li > a {
       position: relative;
       display: block;
       text-decoration: none !important;
@@ -24173,53 +24176,11 @@ fieldset[disabled] .btn-more {
       border-bottom: 1px solid var(--gray-100, #f3f3f4);
     }
 
-.list-navigation li a:hover, .side-navigation ul li a:hover {
-        color: var(--gray-900, #3b3a48);
-      }
-
-.list-navigation li a.landing, .side-navigation ul li a.landing {
-        font-weight: var(--font-weight-7);
-      }
-
-.list-navigation li a.landing.active, .side-navigation ul li a.landing.active {
-          background-color: var(--gray-75, #f3f3f4);
-        }
-
-.list-navigation li a.landing.active:hover,
-          .list-navigation li a.landing.active:focus,
-          .side-navigation ul li a.landing.active:hover,
-          .side-navigation ul li a.landing.active:focus {
-            background-color: var(--gray-100, #f3f3f4);
-          }
-
-.list-navigation li a.landing.back, .side-navigation ul li a.landing.back {
-          padding-left: 1.5rem;
-        }
-
-.list-navigation li a.landing.back::after, .side-navigation ul li a.landing.back::after {
-            content: "\e668";
-            position: absolute;
-            font-family: CaGov;
-            left: 0;
-            top: 0.65rem;
-          }
-
-.list-navigation li a.active, .side-navigation ul li a.active {
-        color: var(--gray-800, #4a4958);
-        text-decoration: none;
+ul.list-navigation > li > a.active, ul.list-navigation > li > ul > li > a.active, nav.side-navigation > ul > li > a.active, nav.side-navigation > ul > li > ul > li > a.active {
         background-color: var(--gray-75, #f3f3f4);
       }
 
-.list-navigation li a.active:hover,
-        .list-navigation li a.active:focus,
-        .side-navigation ul li a.active:hover,
-        .side-navigation ul li a.active:focus {
-          color: var(--black, #000);
-          text-decoration: none;
-          background-color: var(--gray-100, #f3f3f4);
-        }
-
-.list-navigation li a.active::before, .side-navigation ul li a.active::before {
+ul.list-navigation > li > a.active::before, ul.list-navigation > li > ul > li > a.active::before, nav.side-navigation > ul > li > a.active::before, nav.side-navigation > ul > li > ul > li > a.active::before {
           content: "";
           border-left: 3px solid;
           border-left-color: var(--color-p1, #fdb81e);
@@ -24231,52 +24192,59 @@ fieldset[disabled] .btn-more {
           border-radius: 0;
         }
 
-.list-navigation li a:hover,
-    .list-navigation li a:focus,
-    .side-navigation ul li a:hover,
-    .side-navigation ul li a:focus {
-      text-decoration: none;
-      background-color: var(--gray-50, #fafafa);
-      color: var(--gray-900, #3b3a48);
-    }
+ul.list-navigation > li > a:hover, ul.list-navigation > li > ul > li > a:hover, nav.side-navigation > ul > li > a:hover, nav.side-navigation > ul > li > ul > li > a:hover {
+        color: var(--gray-900, #3b3a48);
+      }
 
 /* stylelint-disable-next-line no-descending-specificity */
 
-.list-navigation li a:focus, .side-navigation ul li a:focus {
-      outline: 2px solid var(--outline-default-color);
-      outline-offset: -2px;
-    }
-
-.list-navigation li ul, .side-navigation ul li ul {
-      padding-left: 0;
-    }
+ul.list-navigation > li > a:focus, ul.list-navigation > li > ul > li > a:focus, nav.side-navigation > ul > li > a:focus, nav.side-navigation > ul > li > ul > li > a:focus {
+        outline: 2px solid var(--outline-default-color);
+        outline-offset: -2px;
+      }
 
-.list-navigation li ul li, .side-navigation ul li ul li {
-        margin: 0;
+ul.list-navigation > li > a:focus,
+      ul.list-navigation > li > a:hover,
+      ul.list-navigation > li > ul > li > a:focus,
+      ul.list-navigation > li > ul > li > a:hover,
+      nav.side-navigation > ul > li > a:focus,
+      nav.side-navigation > ul > li > a:hover,
+      nav.side-navigation > ul > li > ul > li > a:focus,
+      nav.side-navigation > ul > li > ul > li > a:hover {
+        background-color: var(--gray-50, #fafafa);
       }
 
 /* stylelint-disable-next-line no-descending-specificity */
 
-.list-navigation li ul li a, .side-navigation ul li ul li a {
-          padding-left: 2.5rem;
+ul.list-navigation > li > a:focus.active, ul.list-navigation > li > a:hover.active, ul.list-navigation > li > ul > li > a:focus.active, ul.list-navigation > li > ul > li > a:hover.active, nav.side-navigation > ul > li > a:focus.active, nav.side-navigation > ul > li > a:hover.active, nav.side-navigation > ul > li > ul > li > a:focus.active, nav.side-navigation > ul > li > ul > li > a:hover.active {
+          background-color: var(--gray-100, #f3f3f4);
         }
 
-.list-navigation li ul li a.active, .side-navigation ul li ul li a.active {
-            color: var(--gray-800, #4a4958);
-            text-decoration: none;
+ul.list-navigation > li > a.landing, ul.list-navigation > li > ul > li > a.landing, nav.side-navigation > ul > li > a.landing, nav.side-navigation > ul > li > ul > li > a.landing {
+        font-weight: var(--font-weight-7);
+      }
+
+ul.list-navigation > li > a.landing.back, ul.list-navigation > li > ul > li > a.landing.back, nav.side-navigation > ul > li > a.landing.back, nav.side-navigation > ul > li > ul > li > a.landing.back {
+          padding-left: 1.5rem;
+        }
+
+ul.list-navigation > li > a.landing.back::after, ul.list-navigation > li > ul > li > a.landing.back::after, nav.side-navigation > ul > li > a.landing.back::after, nav.side-navigation > ul > li > ul > li > a.landing.back::after {
+            content: "\e668";
+            position: absolute;
+            font-family: CaGov;
+            left: 0;
+            top: 0.65rem;
           }
 
-.list-navigation li ul li a.active:hover,
-            .list-navigation li ul li a.active:focus,
-            .side-navigation ul li ul li a.active:hover,
-            .side-navigation ul li ul li a.active:focus {
-              color: var(--black, #000);
-              text-decoration: none;
-            }
+ul.list-navigation > li > ul, ul.list-navigation > li > ul > li > ul, nav.side-navigation > ul > li > ul, nav.side-navigation > ul > li > ul > li > ul {
+      padding-left: 0;
+    }
 
-.list-navigation li ul li a.active ::before, .side-navigation ul li ul li a.active ::before {
-              border-left-color: var(--color-p1, #fdb81e);
-            }
+/* stylelint-disable-next-line no-descending-specificity */
+
+ul.list-navigation > li > ul > li > a, ul.list-navigation > li > ul > li > ul > li > a, nav.side-navigation > ul > li > ul > li > a, nav.side-navigation > ul > li > ul > li > ul > li > a {
+        padding-left: 2.5rem;
+      }
 
 .sidenav-mobile-btn {
   display: block;