ampache_react/app/styles/elements/WebPlayer.scss

55 lines
581 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.4;
}
.btn:hover,
.btn:active,
.btn:focus {
opacity: 1;
outline: none;
}
.prevBtn,
.playPauseBtn,
.nextBtn,
.volumeBtn,
.repeatBtn,
.randomBtn,
.playlistBtn {
composes: btn;
}
.playPauseBtn {
font-size: $font-size-h2;
}
.active {
color: $blue;
}