WIP

TAMULib · Sep 6, 2022 · c655657 · c655657
1 parent b311cf8
commit c655657
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 23 deletions.
diff --git a/projects/tl-elements/src/lib/tl-header/tl-header.component.scss b/projects/tl-elements/src/lib/tl-header/tl-header.component.scss
@@ -29,12 +29,10 @@
 
     wvr-nav-list-component[top-navigation-mobile]
       > ul
-      > wvr-nav-li-component
       > li
       > a,
     wvr-nav-list-component[top-navigation]
       > ul
-      > wvr-nav-li-component
       > li
       > a {
       padding: 12px;
@@ -43,20 +41,18 @@
 
     wvr-nav-list-component[top-navigation-mobile]
       > ul
-      > wvr-nav-li-component
       > li
       > a:hover,
     wvr-nav-list-component[top-navigation]
       > ul
-      > wvr-nav-li-component
       > li
       > a:hover {
       color: var(--tl-black);
     }
 
     // Weaver Nav List overrides for top navigation
-    wvr-nav-list-component[top-navigation-mobile] wvr-nav-li-component,
-    wvr-nav-list-component[top-navigation] wvr-nav-li-component,
+    wvr-nav-list-component[top-navigation-mobile] li,
+    wvr-nav-list-component[top-navigation] li,
     wvr-nav-list-component[top-navigation] .dropdown,
     wvr-nav-list-component[top-navigation-mobile] .dropdown {
       --wvr-nav-link-background-hover: var(--tl-deep-yellow);
@@ -163,7 +159,7 @@
     }
 
     wvr-nav-list-component[bottom-navigation]
-    wvr-nav-li-component.call-to-action {
+    li.call-to-action {
       --wvr-nav-link-background-hover: var(--secondary);
       width: fit-content;
       font-family: var(--tl-font-family-sans-serif);
@@ -185,7 +181,7 @@
     }
 
     wvr-nav-list-component[bottom-navigation]
-    wvr-nav-li-component.call-to-action:hover {
+    li.call-to-action:hover {
       a {
         color: var(--tl-white);
         tl-icon-component svg {
@@ -200,39 +196,38 @@
       }
     }
 
-    wvr-nav-list-component[top-navigation] wvr-nav-li-component:last-child,
+    wvr-nav-list-component[top-navigation] li:last-child,
     wvr-nav-list-component[top-navigation] .dropdown:last-child {
       border: none;
     }
 
-    wvr-nav-list-component[bottom-navigation] wvre-nav-li,
-    wvr-nav-list-component[bottom-navigation] wvr-nav-li-component {
+    wvr-nav-list-component[bottom-navigation] li {
       --wvr-nav-link-color: var(--tl-black);
       --wvr-nav-link-color-hover: var(--tl-white);
       --wvr-nav-link-background-hover: var(--dark);
       width: fit-content;
 
-      .nav-item > a wvre-text {
+      a wvre-text {
         font-family: var(--tl-font-family-sans-serif);
         font-weight: 700;
         font-size: 16px;
         color: var(--tl-black);
       }
 
-      .nav-item > a.nav-link {
+      a.nav-link {
         display: flex;
         align-items: center;
       }
 
-      .nav-item:hover > a wvre-text {
-        color: var(--tl-white);
-      }
-
       :hover {
         span[button-content],
         svg {
           color: var(--tl-white);
         }
+
+        a wvre-text {
+          color: var(--tl-white);
+        }
       }
 
       tl-dropdown-menu,
@@ -329,7 +324,7 @@
         }
       }
 
-      .mobile-menu > div > div > wvr-nav-list-component > wvre-nav-li > li > a {
+      .mobile-menu > div > div > wvr-nav-list-component > li > a {
         display: flex;
         align-items: center;
         justify-content: flex-start;
@@ -348,8 +343,7 @@
 
       wvr-nav-list-component[top-navigation-mobile] {
         .dropdown,
-        wvr-nav-li-component,
-        wvre-nav-li {
+        li {
           flex: 1 1 auto;
           border-right: none;
         }
@@ -484,7 +478,7 @@
     transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
 
     div.mobile-menu-content {
-      wvre-nav-li > li.nav-item {
+      li.nav-item {
         a {
           white-space: nowrap;
         }
@@ -518,7 +512,7 @@
         }
       }
 
-      wvr-nav-li-component.call-to-action {
+      li.call-to-action {
         a {
           color: var(--tl-black);
           white-space: nowrap;

diff --git a/projects/tl-elements/src/lib/tl-nav-list/tl-nav-list.component.html b/projects/tl-elements/src/lib/tl-nav-list/tl-nav-list.component.html
@@ -2,4 +2,4 @@
   <template nav-list-items>
     <ng-content select="wvre-nav-li, tl-nav-li" ngProjectAs="wvre-nav-li"></ng-content>
   </template>
-</wvr-nav-list-component>
+</wvr-nav-list-component>