diff --git a/src/index.html b/src/index.html index a6b7c1a178..63cfc1bb1f 100644 --- a/src/index.html +++ b/src/index.html @@ -562,31 +562,49 @@

Contact us

href="#" class="contacts__socials-link" > - Facebook + + + - Twitter + + + - Instagram + + + diff --git a/src/styles/blocks/apply.scss b/src/styles/blocks/apply.scss index b5bb055a8e..acfa7e2cc8 100644 --- a/src/styles/blocks/apply.scss +++ b/src/styles/blocks/apply.scss @@ -73,8 +73,7 @@ } &:hover { - background-color: $c-blue-gray; - border: 2px solid $c-blue; + background-color: $c-dark-blue; } } } diff --git a/src/styles/blocks/contacts.scss b/src/styles/blocks/contacts.scss index 0336297570..dfa6ca7002 100644 --- a/src/styles/blocks/contacts.scss +++ b/src/styles/blocks/contacts.scss @@ -47,6 +47,15 @@ &-link { @include hover(scale, 1.1); + + &-app { + fill: $c-white; + transition: fill 0.3s; + + &:hover { + fill: $c-blue; + } + } } } } diff --git a/src/styles/blocks/header-main.scss b/src/styles/blocks/header-main.scss index 5479cdb078..b8c9c8ea9a 100644 --- a/src/styles/blocks/header-main.scss +++ b/src/styles/blocks/header-main.scss @@ -44,7 +44,7 @@ color: $c-gray; &:hover { - border: 2px solid $c-gray; + background-color: $c-dark-blue; } } } diff --git a/src/styles/blocks/message.scss b/src/styles/blocks/message.scss index 7ae3edcfea..9fdea016bf 100644 --- a/src/styles/blocks/message.scss +++ b/src/styles/blocks/message.scss @@ -81,7 +81,7 @@ &__button { &:hover { - border: 2px solid $c-gray; + background-color: $c-dark-blue; } width: 100%; diff --git a/src/styles/blocks/quote.scss b/src/styles/blocks/quote.scss index 3409946e34..017ef9dfac 100644 --- a/src/styles/blocks/quote.scss +++ b/src/styles/blocks/quote.scss @@ -48,11 +48,12 @@ position: relative; border-radius: 50%; left: 50%; - top: 50%; + bottom: 50%; transform: translate(-50%, -50%); width: 110px; height: 110px; object-fit: cover; + top: 0; } } diff --git a/src/styles/utils/_vars.scss b/src/styles/utils/_vars.scss index aad2edef40..935afc2d15 100644 --- a/src/styles/utils/_vars.scss +++ b/src/styles/utils/_vars.scss @@ -1,6 +1,7 @@ $c-gray: #eee; $c-white: #fff; $c-blue: #2060f6; +$c-dark-blue: #144ed4; $c-blue-gray: #253757; $c-gray-text: #6c788b; $c-section: #c0cdd7;