Consolidate hero variables

cfpb · Oct 26, 2021 · 572a44f · 572a44f
1 parent 513e66c
commit 572a44f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/packages/cfpb-layout/src/cfpb-layout.less b/packages/cfpb-layout/src/cfpb-layout.less
@@ -37,14 +37,6 @@
 // .grid_column__top-divider
 @grid_column__left-divider:     @block__border;
 
-// Hero variables
-
-@hero-desktop-height:           285px;
-
-@hero-bg:                       @block__bg;
-@hero-knockout-bg:              @gray;
-@hero-knockout-text:            @white;
-
 // Featured Content Module variables
 
 @fcm-visual-width:              270px;

diff --git a/packages/cfpb-layout/src/molecules/heroes.less b/packages/cfpb-layout/src/molecules/heroes.less
@@ -1,5 +1,11 @@
+// Hero variables
+
+@hero-desktop-height:           285px;
+
+// Hero molecule
+
 .m-hero {
-    background-color: @hero-bg;
+    background-color: @gray-5;
 
     &_wrapper {
         padding-top: unit( @grid_gutter-width / @base-font-size-px, em );
@@ -91,8 +97,8 @@
     }
 
     &__knockout {
-        background-color: @hero-knockout-bg;
-        color: @hero-knockout-text;
+        background-color: @gray;
+        color: @white;
     }
 
     &__bleeding {