adding hover states to nav

hlxsites · Feb 23, 2024 · 835e92e · 835e92e
1 parent e16275f
commit 835e92e
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 4 deletions.
diff --git a/blocks/header/header.css b/blocks/header/header.css
@@ -20,6 +20,11 @@
   color: var(--gray-neutral-70);
   font-weight: normal;
 }
+.header nav .nav-sections .top-nav.active{
+  border-bottom: 4px solid var(--brand-primary-strong);
+  color:var(--brand-primary-strong);
+
+}
 
 .header nav .nav-logo {
   grid-area: logo;
@@ -131,7 +136,8 @@
   display: none;
 }
 
-.header nav .nav-sections>ul>li.top-nav>a.active-arrow-down::after {
+.header nav .nav-sections>ul>li.top-nav>a
+.active-arrow-down::after {
   background-image: url('images/down-arrow.png');
 }
 

diff --git a/blocks/hero/default-hero.css b/blocks/hero/default-hero.css
@@ -134,6 +134,7 @@
 
   .hero.block.default .content-wrapper .content p {
     font-size: var(--body-font-size-l);
+    text-align:left;
   }
 
   .hero.block.default .content-wrapper .content p:nth-of-type(1) {

diff --git a/icons/blood.svg b/icons/blood.svg
diff --git a/icons/droplet.svg b/icons/droplet.svg
diff --git a/styles/styles.css b/styles/styles.css
@@ -194,7 +194,7 @@ li {
   line-height: var(--line-height-m);
   color: var(--default-text-color);
   gap:40px;
-  text-align: inherit;
+  text-align: center;
 }
 
 ul,
@@ -283,6 +283,7 @@ main .section.cards-container {
 }
 main .section.cards-container .default-content-wrapper:first-child p {
   color: var(--brand-critical-strong);
+  text-align:left;
 }
 
 main .content-center .default-content-wrapper {
@@ -300,8 +301,9 @@ main .section.content-bump-out .default-content-wrapper {
   position: relative;
   padding-left: 58px;
 }
-main .section.content-bump-out .default-content-wrapperp:first-of-type {
-  text-align: center;
+
+main .section.content-bump-out .default-content-wrapper p {
+  text-align: right;
 }