socialnetworknews-web

commit db203e59b24070ff8ca0824cdf92be853df9e01f
parent 93f3d7000be9c8c7f63a741805f6b14a400a5969
Author: MTRNord <mtrnord1@gmail.com>
Date:   Sat, 31 Mar 2018 20:12:12 +0200

Use all keyword again and also change color of icons

Diffstat:
M
src/app/login/login.component.scss
 | 
20
++++++++++++++------

1 file changed, 14 insertions(+), 6 deletions(-)
diff --git a/src/app/login/login.component.scss b/src/app/login/login.component.scss
@@ -55,8 +55,7 @@ body {
 #google-connect:hover {
   background-color: rgb(220, 74, 61);
   border-color: rgb(220, 74, 61);
-  transition: background-color .3s ease-out;
-  transition: border-color .3s ease-out;
+  transition: all .3s ease-out;
 }
 
 #google-connect span {
@@ -71,7 +70,12 @@ body {
 }
 
 #google-connect:hover span {
-  color: #FFF !important;
+  color: #FFF;
+  transition: color .3s ease-out;
+}
+
+#google-connect:hover span .gpred {
+  color: #FFF;
   transition: color .3s ease-out;
 }
 
@@ -83,8 +87,7 @@ body {
 #twitter-connect:hover {
   background-color: rgb(85, 172, 238);
   border-color: rgb(85, 172, 238);
-  transition: background-color .3s ease-out;
-  transition: border-color .3s ease-out;
+  transition: all .3s ease-out;
 }
 
 #twitter-connect span {
@@ -99,7 +102,12 @@ body {
 }
 
 #twitter-connect:hover span {
-  color: #FFF !important;
+  color: #FFF;
+  transition: color .3s ease-out;
+}
+
+#twitter-connect:hover span .tblue {
+  color: #FFF;
   transition: color .3s ease-out;
 }