ampache_react/app/styles/elements/WebPlayer.scss

52 lines
537 B
SCSS
Raw Normal View History

$controlsMarginTop: 10px;
.webplayer {
margin-top: 1em;
}
.art {
opacity: 0.75;
position: absolute;
z-index: -10;
}
.artRow {
min-height: 200px;
}
/**
* Controls
*/
.controls {
margin-top: $controlsMarginTop;
}
.btn {
background: transparent;
border: none;
opacity: 0.8;
}
.btn:hover {
opacity: 1;
}
.prevBtn,
.playPauseBtn,
.nextBtn,
.volumeBtn,
.repeatBtn,
.randomBtn,
.playlistBtn {
composes: btn;
}
.playPauseBtn {
font-size: $font-size-h2;
}
.active {
color: $blue;
}