plyr/src/sass/components/times.scss
2017-12-20 15:14:05 +00:00

25 lines
536 B
SCSS

// --------------------------------------------------------------
// Time
// --------------------------------------------------------------
.plyr__time {
font-size: $plyr-font-size-time;
}
// Media duration hidden on small screens
.plyr__time + .plyr__time {
// Add a slash in before
&::before {
content: '\2044';
margin-right: $plyr-control-spacing;
}
@media (max-width: $plyr-bp-sm-max) {
display: none;
}
}
.plyr--video .plyr__time {
text-shadow: 0 1px 1px rgba(#000, 0.15);
}