diff --git a/src/sass/_style.scss b/src/sass/_style.scss index d15d71cd3d..1ea3c1a8c6 100644 --- a/src/sass/_style.scss +++ b/src/sass/_style.scss @@ -7,22 +7,6 @@ @import "_login_page.scss"; @import "_forgot_password.scss"; @import "_recommendations_card_base.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); @@ -105,10 +89,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; + } .btn-tpa__image-icon{ background-color: transparent; @@ -133,7 +121,7 @@ $elevation-level-2-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15); } .btn-tpa__font-container { - background-color: $font-blue; + background-color: $primary; color: $white; font-size: 11px; @@ -143,71 +131,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; - - .ibtn-tpa__image-icon { - 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; - - .ibtn-tpa__image-icon { - 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;