masthead adjusting

Author: chrismoroney

assets/css/cross-page.css

@@ -166,7 +166,7 @@ table tbody td {
 /* Fix Nav Masthead Breadcrumb container */
 /*************************************/
 #nav-masthead-breadcrumbs {
-    background-color: var(--ads-ui-ink-80);
+    background-color: var(--ads-ui-ink-100);
 }
 
 
@@ -210,7 +210,6 @@ arm-top-navigation:not(:defined) {
 
 /* Fix Masthead Height */
 #expanded-masthead  {
-        background-color: transparent;
         min-height: 100px;                  /* Keep baseline height for short titles */
         height: auto;                       /* Allow 2-line titles to expand */
         background-position: center; 

themes/arm-design-system-hugo-theme/layouts/partials/header/masthead.html

@@ -8,7 +8,7 @@
   <!-- No masthead on homepage, as that has a special gradient look/feel -->
   {{ if .IsHome }}
   {{else}}
-    <div id="expanded-masthead">
+    <div id="expanded-masthead" class="u-bg-color-ads-ui-violet-90">
       <div class="is-responsive-width">
       <ads-masthead style="background-color: rgba(0,0,0,0)" theme="dark">
           {{partial "header/breadcrumbs.html" .}}

themes/arm-design-system-hugo-theme/layouts/partials/header/nav-masthead.html

@@ -23,7 +23,7 @@
             <arm-top-navigation observe="#breadcrumb-element"></arm-top-navigation>
         </div>
         <!-- Masthead -->
-        <div id="expanded-masthead">
+        <div id="expanded-masthead" class="u-bg-color-ads-ui-violet-90">
             <div class="is-responsive-width">
                 <ads-masthead style="background-color: rgba(0,0,0,0)" theme="dark">
                     {{partial "header/breadcrumbs.html" .}}