cyp/app/css/player.less

33 lines
602 B
Text
Raw Normal View History

2019-03-21 17:32:58 +08:00
#player {
2019-03-22 23:17:10 +08:00
display: flex;
flex-direction: row;
2019-03-29 05:52:57 +08:00
align-items: center;
&:not([data-state=play]) .pause { display: none; }
&[data-state=play] .play { display: none; }
&:not([data-flags~=random]) .random, &:not([data-flags~=repeat]) .repeat { opacity: 0.5; }
2019-03-21 17:32:58 +08:00
2019-03-22 23:17:10 +08:00
.art img { vertical-align: top; }
2019-03-29 05:52:57 +08:00
2019-03-28 22:23:28 +08:00
.info {
flex-grow: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
2019-03-22 22:35:04 +08:00
2019-03-29 05:52:57 +08:00
.controls {
white-space: nowrap;
text-align: center;
.icon { width: 64px; }
2019-03-26 22:40:23 +08:00
}
2019-03-27 00:07:52 +08:00
.misc {
display: flex;
flex-direction: column;
@size: 96px / 2;
width: @size;
.icon { width: @size; }
}
2019-03-21 17:32:58 +08:00
}