diff --git a/website/source/assets/stylesheets/_footer.scss b/website/source/assets/stylesheets/_footer.scss index 2dabf91ad..1f90c387f 100644 --- a/website/source/assets/stylesheets/_footer.scss +++ b/website/source/assets/stylesheets/_footer.scss @@ -19,6 +19,13 @@ .hashicorp-project{ margin-top: 24px; + &:hover{ + svg{ + .svg-bg-line{ + opacity: .4; + } + } + } } .pull-right{ diff --git a/website/source/assets/stylesheets/_header.scss b/website/source/assets/stylesheets/_header.scss index 2beb66540..dfe1e59d3 100644 --- a/website/source/assets/stylesheets/_header.scss +++ b/website/source/assets/stylesheets/_header.scss @@ -25,7 +25,7 @@ .by-hashicorp{ &:hover{ svg{ - line{ + .svg-bg-line{ opacity: .4; } } diff --git a/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-header.scss b/website/source/assets/stylesheets/hashicorp-shared/_hashicorp-header.scss index b88467e8e..4bccbfcc3 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, @@ -219,8 +217,7 @@ @include transition(all 300ms ease-in); } } - line{ - stroke: black; + .svg-bg-line{ @include transition(all 300ms ease-in); &:hover{ @@ -243,12 +240,10 @@ color: white; svg{ path, - polygon{ + polygon, + rect{ fill: white; } - line{ - stroke: white; - } } } @@ -292,6 +287,14 @@ @include transition(all 300ms ease-in); } } + + .svg-bg-line{ + @include transition(all 300ms ease-in); + + &:hover{ + @include transition(all 300ms ease-in); + } + } } } 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 @@ - - + - - - - - - - - - + + + + + + + + + + + + + - -