54 lines
1.5 KiB
SCSS
54 lines
1.5 KiB
SCSS
@import "../../scss/_bootstrap-extended/functions";
|
|
|
|
// Light style
|
|
@mixin plyr-theme($background, $color: null) {
|
|
$color: if($color, $color, color-contrast($background));
|
|
|
|
.plyr input[type="range"]::-ms-fill-lower {
|
|
background: $background !important;
|
|
}
|
|
|
|
.plyr input[type="range"]:active {
|
|
&::-webkit-slider-thumb {
|
|
background: $background !important;
|
|
}
|
|
&::-moz-range-thumb {
|
|
background: $background !important;
|
|
}
|
|
&::-ms-thumb {
|
|
background: $background !important;
|
|
}
|
|
}
|
|
.plyr--video .plyr__control.plyr__control--overlaid,
|
|
.plyr--video .plyr__controls button.tab-focus:focus,
|
|
.plyr--video .plyr__control[aria-expanded="true"],
|
|
.plyr--video .plyr__controls button:hover {
|
|
background: $background !important;
|
|
color: $color !important;
|
|
}
|
|
|
|
.plyr--audio .plyr__controls button.tab-focus:focus,
|
|
.plyr--audio .plyr__control[aria-expanded="true"],
|
|
.plyr--audio .plyr__controls button:hover {
|
|
background: $background !important;
|
|
color: $color !important;
|
|
}
|
|
|
|
.plyr__play-large {
|
|
background: $background !important;
|
|
color: $color !important;
|
|
}
|
|
|
|
.plyr__progress--played,
|
|
.plyr__volume--display {
|
|
color: $background !important;
|
|
}
|
|
.plyr--full-ui input[type="range"] {
|
|
color: $background !important;
|
|
}
|
|
.plyr__menu__container
|
|
.plyr__control[role="menuitemradio"][aria-checked="true"]::before {
|
|
background: $background !important;
|
|
}
|
|
}
|