diff --git a/website/source/assets/images/logo-header.png b/website/source/assets/images/logo-header.png deleted file mode 100644 index 68b7c3da0..000000000 --- a/website/source/assets/images/logo-header.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:014c5f570dcf06563a4d6f08b91fc1fdf480093d4a019776f2d48553bc67bbc5 -size 1838 diff --git a/website/source/assets/images/logo-header.svg b/website/source/assets/images/logo-header.svg new file mode 100644 index 000000000..7ee9d85ca --- /dev/null +++ b/website/source/assets/images/logo-header.svg @@ -0,0 +1,39 @@ + + + HashiCorp Consul + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/website/source/assets/images/logo-header@2x.png b/website/source/assets/images/logo-header@2x.png deleted file mode 100644 index 634e2ce61..000000000 --- a/website/source/assets/images/logo-header@2x.png +++ /dev/null @@ -1,3 +0,0 @@ -version https://git-lfs.github.com/spec/v1 -oid sha256:91ef722ffb7236b4bdc7e6ef59a83820ed2948f7e6d6958897a10525deca7316 -size 3336 diff --git a/website/source/assets/stylesheets/_header.scss b/website/source/assets/stylesheets/_header.scss index 1f2088e62..917acbd31 100755 --- a/website/source/assets/stylesheets/_header.scss +++ b/website/source/assets/stylesheets/_header.scss @@ -27,8 +27,8 @@ body.page-sub{ background-position: 0 center; font-size: 0; text-transform: uppercase; - @include img-retina("../images/consul-header-lockup.png", "../images/consul-header-lockup@2x.png", $project-logo-width, $project-logo-height); - background-position: 0 center; + background: url("../images/logo-header.svg") center no-repeat; + background-size: 100%; &:hover{ opacity: .4; @@ -56,18 +56,9 @@ body.page-sub{ .navbar-brand { .logo{ width: $project-logo-width * .75; - @include img-retina("../images/consul-header-lockup.png", "../images/consul-header-lockup@2x.png", $project-logo-width * .75, $project-logo-height * .75); - } - } - } -} - - -@media (max-width: 320px) { - #header { - .navbar-brand { - .logo{ - + } + .by-hashicorp{ + margin-top: 2px; } } } diff --git a/website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss b/website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss index b90d5a329..a0608f2ad 100755 --- a/website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss +++ b/website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss @@ -4,8 +4,8 @@ // -------------------------------------------------- // Variables -$project-logo-width: 147px; -$project-logo-height: 40px; +$project-logo-width: 154px; +$project-logo-height: 48px; $project-logo-pad-left: 0px; $header-height: 80px;