Play icon on video files

2019-07-01 19:52:25 +02:00
parent e80ae81e42
commit 9c5dc5fa4d
5 changed files with 36 additions and 6 deletions
--- a/style/_mask_project.scss
+++ b/style/_mask_project.scss
@@ -311,6 +311,28 @@ $legend-color: #222;
 						width: 100%;
 						line-height: 0;
 						margin: 0;
+						position: relative;
+						
+						&.video {
+							@extend .fa;
+							@extend .fa-play;
+							overflow: hidden;
+							
+							&:hover::before {
+								color: white;
+							}
+							
+							&::before {
+								position: absolute;
+								top: 50%;
+								transform: translate(-50%,-50%);
+								color: #CCC;
+								left: 50%;
+								text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
+								font-size: 3em;
+								text-decoration: none;
+							}
+						}
 					}
 					
 					img {