diff --git a/website/source/assets/stylesheets/_header.scss b/website/source/assets/stylesheets/_header.scss index 68e50f368..5b2980ebb 100755 --- a/website/source/assets/stylesheets/_header.scss +++ b/website/source/assets/stylesheets/_header.scss @@ -28,7 +28,7 @@ body.page-sub{ .by-hashicorp{ &:hover{ svg{ - line{ + .svg-bg-line{ opacity: .4; } } @@ -41,12 +41,6 @@ body.page-sub{ ul.navbar-nav{ li { - // &:hover{ - // svg path{ - // fill: $purple; - // } - // } - svg path{ fill: $white; } diff --git a/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-header.scss b/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-header.scss index e9bbe501e..5bd12805e 100755 --- a/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-header.scss +++ b/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-header.scss @@ -171,12 +171,10 @@ font-weight: 300; svg{ path, - polygon{ + polygon, + rect{ fill: white; } - line{ - stroke: white; - } } &:focus, @@ -212,15 +210,13 @@ path, polygon{ - fill: black; @include transition(all 300ms ease-in); &:hover{ @include transition(all 300ms ease-in); } } - line{ - stroke: black; + .svg-bg-line{ @include transition(all 300ms ease-in); &:hover{ @@ -243,12 +239,10 @@ color: white; svg{ path, + rect, polygon{ fill: white; } - line{ - stroke: white; - } } } @@ -257,12 +251,9 @@ } &:hover{ - text-decoration: none; svg{ - &.svg-by{ - line{ - stroke: $purple; - } + .svg-bg-line{ + fill: $purple; } } } @@ -295,7 +286,6 @@ path, line{ - fill: $black; @include transition(all 300ms ease-in); &:hover{ diff --git a/website/source/layouts/svg/_svg-by-hashicorp.erb b/website/source/layouts/svg/_svg-by-hashicorp.erb index d89929590..607d16b1e 100644 --- a/website/source/layouts/svg/_svg-by-hashicorp.erb +++ b/website/source/layouts/svg/_svg-by-hashicorp.erb @@ -1,18 +1,17 @@ - - + - - - - - - - - - + + + + + + + + + + + + + - -