@eyevinn/web-player-eyevinn-skin
Version:
See [@eyevinn/web-player](https://www.npmjs.com/package/@eyevinn/web-player).
53 lines (42 loc) • 668 B
CSS
.container {
position: relative;
width: 1.5em;
height: 1.5em;
cursor: pointer;
}
.container svg {
width: 100%;
height: 100%;
fill: rgba(255, 255, 255, 0.8);
}
.container svg:hover {
fill: rgba(255, 255, 255, 1);
}
.list {
list-style: none;
position: absolute;
bottom: 1em;
left: 50%;
transform: translateX(-50%);
padding: 0.5em;
white-space: nowrap;
background: rgba(20, 20, 20, 0.6);
display: none;
}
.list.open {
display: block;
}
.list li {
margin: 0;
}
.list input {
display: none;
margin-right: 0.25em;
}
.list label span {
color: rgba(255, 255, 255, 0.8);
cursor: pointer;
}
.list :checked + span {
color: rgb(30, 129, 160);
}