ampache_react/app/styles/elements/WebPlayer.scss

64 lines
682 B
SCSS
Raw Normal View History

/**
* Styles for the WebPlayer component.
*/
/** Variables */
$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;
}
.playlistBtn {
color: white;
}
.active {
color: $blue;
}