Play icon on video files

This commit is contained in:
2019-07-01 19:52:25 +02:00
parent 5b2fc3f854
commit 07c328e244
5 changed files with 36 additions and 6 deletions

View File

@@ -48,6 +48,7 @@ $fa-css-prefix: fa;
.#{$fa-css-prefix}-message:before { content: fa-content($fa-var-map-marker); }
.#{$fa-css-prefix}-time:before { content: fa-content($fa-var-clock); }
.#{$fa-css-prefix}-coords:before { content: fa-content($fa-var-compass); }
.#{$fa-css-prefix}-play:before { content: fa-content($fa-var-play-circle); }
/* Feed - Poster */
.#{$fa-css-prefix}-poster:before { content: fa-content($fa-var-comment-edit); }

View File

@@ -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 {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long