Iconography for player

2017-07-25 16:33:31 +12:00
parent 7512f03a28
commit d03fe03d7f
9 changed files with 84 additions and 16 deletions
--- a/src/scss/components/_playback-controls.scss
+++ b/src/scss/components/_playback-controls.scss
@ -87,14 +87,24 @@
 		font-size: 12px;
 		color: $white;
 		cursor: pointer;
-		padding: 8px;
+		padding: 8px 6px;
 		display: inline-block;
 		vertical-align: bottom;
 		opacity: 0.8;

+		.icon {
+			width: 12px;
+			height: 12px;
+			@include invert();
+		}
+
 		&.play {
-			font-size: 24px;
 			margin-bottom: -6px;
+
+			.icon {
+				width: 24px;
+				height: 24px;
+			}
 		}

 		&.active {