ampache_react/app/styles/elements/WebPlayer.scss
Phyks (Lucas Verney) 198d50aec5 Working on known bugs
See issue #16

* Add basic settings view
* Fix play next song when playlist is on
* Add timer styling on webplayer
* Fix wrong albums being linked in songs table
2016-09-18 20:57:51 +02:00

73 lines
822 B
SCSS

/**
* 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;
}
.artTimer {
position: absolute;
width: 50px;
height: 200px;
background-color: black;
opacity: 0.75;
z-index: -9;
}
/**
* 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;
}