53 lines
906 B
SCSS
53 lines
906 B
SCSS
.playlist {
|
|
display: none;
|
|
position: fixed;
|
|
top: 41px;
|
|
right: 50%;
|
|
width: 578px;
|
|
margin-right: -430px;
|
|
padding: 7px 0 3px 0;
|
|
background-color: #124ba8;
|
|
border: {
|
|
width: 1px;
|
|
color: #123b98;
|
|
style: solid;
|
|
bottom-right-radius: 6px;
|
|
bottom-left-radius: 6px;
|
|
}
|
|
@include box-shadow(inset 0 0 4px rgba(0, 0, 0, .5));
|
|
|
|
li {
|
|
display: block;
|
|
overflow: hidden;
|
|
color: #d0d0d0;
|
|
line-height: 20px;
|
|
|
|
&.active {
|
|
color: #ffffff;
|
|
background-color: rgba(255, 255, 255, .3);
|
|
}
|
|
&:hover {
|
|
background-color: rgba(255, 255, 255, .1);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.inner {
|
|
width: 10000px;
|
|
margin-left: 5px;
|
|
height: 20px;
|
|
position: relative;
|
|
|
|
.artists {
|
|
|
|
&:after {
|
|
content: " — "
|
|
}
|
|
}
|
|
.length {
|
|
position: absolute;
|
|
right: 9431px;
|
|
}
|
|
}
|
|
}
|
|
}
|