Fix linting issues

hlxsites · Jan 15, 2024 · d115fa0 · d115fa0
1 parent ab15990
commit d115fa0
Showing 1 changed file with 15 additions and 56 deletions.
diff --git a/solutions/blocks/hero/hero.css b/solutions/blocks/hero/hero.css
@@ -25,17 +25,13 @@
 /* breadcrumbs */
 
 main .hero .hero-content .breadcrumb {
-  padding: 14px 0 20px;
-  margin-bottom: 20px;
+  padding: 12px 0;
+  margin-bottom: 12px;
   font-weight: var(--font-weight-bold);
   color: #dedede;
   min-height: 82px;
 }
 
-main .hero .hero-content .breadcrumb {
-  padding: 12px 0;
-  margin-bottom: 12px;
-}
 
 main .hero .hero-content .breadcrumb a {
   font-size: var(--breadcrumbs-font-size-s);
@@ -121,7 +117,7 @@ main .hero .hero-picture {
 main .hero .hero-content {
   display: flex;
   flex-direction: column;
-  padding: 15px var(--body-padding) 65px;
+  padding: 17px var(--body-padding) 56px;
   margin: 0 auto;
   position: relative;
 }
@@ -132,12 +128,6 @@ main .hero .hero-content .right-col {
   flex-direction: column;
 }
 
-main .hero .hero-content {
-  padding: 17px var(--body-padding) 56px;
-  display: flex;
-  flex-direction: column;
-}
-
 main .hero.black-background .hero-content {
   background: linear-gradient(90deg, #000 0%, #000 15%, #fff0 100%);
 }
@@ -150,9 +140,8 @@ main .hero.comparison .hero-content {
 }
 
 main .hero h1 {
-  font-size: var(--hero-font-size-xl);
-  margin: 0;
-
+  font-size: var(--hero-h1-font-size);
+  margin: 0 0 25px;
 }
 
 main .hero h2 {
@@ -163,9 +152,11 @@ main .hero h2 {
   letter-spacing: .003em;
 }
 
-main .hero h1 {
-  font-size: var(--hero-h1-font-size);
-  margin: 0 0 25px;
+main .hero h2,
+main .hero h4 {
+  padding: 0;
+  letter-spacing: normal;
+  margin: 0 0 9px;
 }
 
 main .hero.black-background h1,
@@ -174,12 +165,7 @@ main .hero.black-background h4 {
   color: var(--text-dark-color);
 }
 
-main .hero h2,
-main .hero h4 {
-  padding: 0;
-  letter-spacing: normal;
-  margin: 0 0 9px;
-}
+
 
 main .hero.comparison h1 {
   font-weight: var(--font-weight-regular);
@@ -417,8 +403,9 @@ main .hero .hero-awards li::after {
 
   main .hero .hero-content > div {
     width: 60%;
+    padding: 0 20px 0 0;
   }
-
+  
   main .hero .hero-content > div.left-col {
     width: 50%;
   }
@@ -437,10 +424,6 @@ main .hero .hero-awards li::after {
     font-size: 50px;
   }
 
-  main .hero  h2 {
-    font-size: 22px;
-  }
-
   main .hero .hero-picture {
     position: absolute;
     top: 0;
@@ -460,17 +443,8 @@ main .hero .hero-awards li::after {
   }
 
   main .hero .hero-content {
-    min-height: 725px;
-    flex-direction: row;
     max-width: var(--section-desktop-max-width);
-    padding: 112px var(--section-desktop-padding) 54px var(--section-desktop-padding)
-  }
-
-  main .hero .hero-content {
-    max-width: var(--section-desktop-max-width);
-    padding-left: var(--section-desktop-padding);
-    padding-right: var(--section-desktop-padding);
-    padding-top: 115px;
+    padding: 115px var(--section-desktop-padding) 54px var(--section-desktop-padding);
     display: flex;
     flex-direction: row;
     min-height: unset;
@@ -480,11 +454,6 @@ main .hero .hero-awards li::after {
     min-width: 360px;
   }
 
-  main .hero .hero-content > div {
-    width: 60%;
-    padding: 0 20px 0 0;
-  }
-
   main .hero.comparison .hero-content > div {
     width: 65%;
     padding: 40px 0 0;
@@ -532,10 +501,6 @@ main .hero .hero-awards li::after {
     font-size: 24px;
   }
 
-  main .hero h2 {
-    font-size: 24px;
-  }
-
   main .hero h1 {
     font-size: 56px;
   }
@@ -565,10 +530,4 @@ main .hero .hero-awards li::after {
     padding-right: var(--section-large-desktop-padding);
   }
 
-  main .hero .hero-content {
-    max-width: var(--section-large-desktop-max-width);
-    padding-left: var(--section-large-desktop-padding);
-    padding-right: var(--section-large-desktop-padding);
-  }
-
-}
+}