Tone down hover state on video player, and add focus state (#103)

* Makes the overall feeling of the hover state less 'claret' * Gives keyboard users a focus state on the focusable element, the play button itself
Financial-Times · May 15, 2017 · d925b3e · d925b3e
1 parent 5c1b22f
commit d925b3e
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/scss/_placeholder.scss b/src/scss/_placeholder.scss
@@ -10,7 +10,7 @@
 	}
 
 	.o-video__placeholder {
-		background: oColorsGetPaletteColor('claret');
+		background: oColorsGetPaletteColor('slate');
 		color: oColorsGetPaletteColor('white');
 		-webkit-font-smoothing: antialiased;
 		-moz-osx-font-smoothing: grayscale;
@@ -55,6 +55,11 @@
 		left: 0;
 		margin: auto;
 		background-color: oColorsGetPaletteColor('black');
+
+		:hover > &,
+		:focus > & {
+			background-color: oColorsGetPaletteColor('claret');
+		}
 	}
 
 }