Play icon on video files
This commit is contained in:
@@ -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); }
|
||||
|
||||
@@ -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
Reference in New Issue
Block a user