Facebook signin UI part deux

gskinner · Feb 27, 2019 · 52ccccd · 52ccccd
1 parent 04f63d1
commit 52ccccd
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/dev/sass/views/header.scss b/dev/sass/views/header.scss
@@ -95,10 +95,24 @@
 
 #tooltip-signin {
 	ul.list li {
-		@extend %link;
+		@extend .button;
 		margin: $pad*0.25 0;
+		padding: $pad*0.625;
+
+		opacity: 0.85;
+		&:hover {
+			background: $dark;
+			opacity: 1;
+		}
+
+		&[data-id='Facebook'] {
+			background: #4267B2;
+		}
+		&[data-id='Google'] {
+			background: #C94130;
+		}
 
-		>.icon {
+		>svg.icon {
 			margin-right: $pad*0.625;
 		}
 	}

diff --git a/index.html b/index.html
@@ -238,7 +238,6 @@ <h1>Sign In</h1>
 					Any unsaved changes will be lost. Saved patterns &amp; favorites will be migrated to your account.
 				</div>
 				<hr>
-				<h1>Sign in with:</h1><br>
 				<ul class="list"></ul>
 			</div>
 			<div class="signout">