diff --git a/website/source/images/footer-hashicorp-whtie-logo.png b/website/source/images/footer-hashicorp-whtie-logo.png deleted file mode 100644 index 02fbb24ce..000000000 Binary files a/website/source/images/footer-hashicorp-whtie-logo.png and /dev/null differ diff --git a/website/source/images/footer-hashicorp-whtie-logo@2x.png b/website/source/images/footer-hashicorp-whtie-logo@2x.png deleted file mode 100644 index 2a75ff59a..000000000 Binary files a/website/source/images/footer-hashicorp-whtie-logo@2x.png and /dev/null differ diff --git a/website/source/stylesheets/_footer.less b/website/source/stylesheets/_footer.less index 98a1a7b71..a91b2ed1c 100644 --- a/website/source/stylesheets/_footer.less +++ b/website/source/stylesheets/_footer.less @@ -118,6 +118,21 @@ #footer{ background-color: @black; transform: none; + + a{ + color: white; + } + + .footer-hashi{ + color: white; + + .hashi-logo{ + i{ + background: url(../images/footer-hashicorp-white-logo.png) 0 0 no-repeat; + .img-retina("../images/footer-hashicorp-white-logo.png", "../images/footer-hashicorp-white-logo@2x.png", 37px, 40px); + } + } + } } } diff --git a/website/source/stylesheets/main.css b/website/source/stylesheets/main.css index 53deaabf5..460cea21c 100644 --- a/website/source/stylesheets/main.css +++ b/website/source/stylesheets/main.css @@ -440,6 +440,23 @@ body.page-sub #header .main-links.navbar-nav li + li::before { background-color: #000000; transform: none; } +.page-sub #footer a { + color: white; +} +.page-sub #footer .footer-hashi { + color: white; +} +.page-sub #footer .footer-hashi .hashi-logo i { + background: url(../images/footer-hashicorp-white-logo.png) 0 0 no-repeat; + background-image: url("../images/footer-hashicorp-white-logo.png"); + background-size: 37px 40px; +} +@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { + .page-sub #footer .footer-hashi .hashi-logo i { + background-image: url("../images/footer-hashicorp-white-logo@2x.png"); + background-size: 37px 40px; + } +} @media (max-width: 768px) { #footer .footer-hashi span { margin-right: 0;