diff --git a/components/base/site-banner/site-banner.config.yml b/components/base/site-banner/site-banner.config.yml index 2002aa16..2c917541 100644 --- a/components/base/site-banner/site-banner.config.yml +++ b/components/base/site-banner/site-banner.config.yml @@ -2,12 +2,6 @@ title: Site Banner handle: site-banner status: ready variants: - - name: grey - context: - theme: g - - name: white - context: - theme: w - name: charles blue context: theme: b diff --git a/images/public/logo-white_red.png b/images/public/logo-white_red.png new file mode 100644 index 00000000..286543f6 Binary files /dev/null and b/images/public/logo-white_red.png differ diff --git a/stylesheets/components/site-banner/_site-banner.styl b/stylesheets/components/site-banner/_site-banner.styl index d395418c..f6f0f030 100644 --- a/stylesheets/components/site-banner/_site-banner.styl +++ b/stylesheets/components/site-banner/_site-banner.styl @@ -14,6 +14,9 @@ text-align: center font-family: $serif margin-top: 0 + margin-bottom: 0 + position: relative + z-index: 100 .b-c.p-v200 padding-top: 10px @@ -45,8 +48,9 @@ .dr-i fill: #fff - .dr-c + .dr-c, .dr-c.b--g padding: 0 + background-color: $grey-000 .site-banner-logo max-width: 150px @@ -100,7 +104,7 @@ max-height: 100px padding-right: 16px - .site-banner-expansion-item.lock svg#lock + .site-banner-expansion-item.lock svg max-width: 150px min-width: 20px max-height: 150px