From 9c57967de1121a4e9971fda7c7ddd32aab2c5657 Mon Sep 17 00:00:00 2001
From: ihor-romaniuk <ihor.romaniuk@raccoongang.com>
Date: Fri, 27 Oct 2023 12:46:23 +0300
Subject: [PATCH] feat: unification of the appearance of buttons

---
 src/sass/_style.scss | 91 ++++----------------------------------------
 1 file changed, 7 insertions(+), 84 deletions(-)

diff --git a/src/sass/_style.scss b/src/sass/_style.scss
index 5972e0551..f9231c25d 100644
--- a/src/sass/_style.scss
+++ b/src/sass/_style.scss
@@ -2,22 +2,6 @@
 @import "_base_component.scss";
 @import "_registration.scss";
 @import "_recommendations_page.scss";
-//
-// ----------------------------
-// #COLORS
-// ----------------------------
-$font-blue: #126f9a;
-$white: #FFFFFF;
-
-// social platforms
-$facebook-blue: #1877F2;
-$facebook-focus-blue: #29487d;
-$google-blue: #4285f4;
-$google-focus-blue: #287ae6;
-$microsoft-black: #2f2f2f;
-$microsoft-focus-black: #000;
-$apple-black: #000000;
-$apple-focus-black: $apple-black;
 
 $elevation-level-2-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
 
@@ -104,10 +88,14 @@ $elevation-level-2-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
   font-size: 14px;
 
   background-color: $white;
-  border: 1px solid $font-blue;
+  border: 1px solid $primary;
   width: 224px;
   height: 36px;
-  color: $font-blue;
+  color: $primary;
+
+  &:hover {
+    background-color: $primary-100;
+  }
 
   .icon-image {
     background-color: transparent;
@@ -132,7 +120,7 @@ $elevation-level-2-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
 }
 
 .font-container {
-  background-color: $font-blue;
+  background-color: $primary;
   color: $white;
   font-size: 11px;
 
@@ -142,71 +130,6 @@ $elevation-level-2-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
   height: 35px;
 }
 
-.btn-oa2-facebook {
-  color: $white;
-  border-color: $facebook-blue;
-  background-color: $facebook-blue;
-
-  &:hover,
-  &:focus {
-    background-color: $facebook-focus-blue;
-    border: 1px solid $facebook-focus-blue;
-    color: $white;
-  }
-}
-
-.btn-oa2-google-oauth2 {
-  color: $white;
-  border-color: $google-blue;
-  background-color: $google-blue;
-
-  .icon-image {
-    margin-left: -6px;
-    max-height: 34px;
-    max-width: 34px;
-    height: 34px;
-  }
-
-  &:hover,
-  &:focus {
-    background-color: $google-focus-blue;
-    border: 1px solid $google-focus-blue;
-    color: $white;
-  }
-}
-
-.btn-oa2-apple-id {
-  color: $white;
-  border-color: $apple-black;
-  background-color: $apple-black;
-  font-size: 16px;
-
-  .icon-image {
-    max-height: 1.8em;
-    max-width: 2.0em;
-  }
-
-  &:hover,
-  &:focus {
-    background-color: $apple-focus-black;
-    border: 1px solid $apple-focus-black;
-    color: $white;
-  }
-}
-
-.btn-oa2-azuread-oauth2 {
-  color: $white;
-  border-color: $microsoft-black;
-  background-color: $microsoft-black;
-
-  &:hover,
-  &:focus {
-    background-color: $microsoft-focus-black;
-    border: 1px solid $microsoft-focus-black;
-    color: $white;
-  }
-}
-
 .submit {
   display: inherit;
   margin: 0 auto;