Nicer zoom icon, again

2017-01-24 18:45:04 +13:00
parent e115bc20dc
commit e01e444e70
2 changed files with 25 additions and 13 deletions
--- a/src/scss/components/_images.scss
+++ b/src/scss/components/_images.scss
@ -17,16 +17,22 @@
 	}

 	.zoom {
+		@include animate();
 		display: none;
 		position: absolute;
-		bottom: 0;
-		right: 0;
+		bottom: 5px;
+		right: 5px;
 		z-index: 1;
-		padding: 10px;
-		background: rgba(0,0,0,0.2);
-		font-size: 12px;
+		padding: 6px;
+		border-radius: 100%;
+		background: rgba(0,0,0,0.4);
+		font-size: 10px;
 		cursor: pointer;
 		color: #FFFFFF;
+
+		&:hover {
+			background: #000000;
+		}
 	}

 	&.small {