secstate/Iris
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Slider; Queue

Browse Source
This commit is contained in:
James Barnsley
2016-11-03 18:22:26 +13:00
parent 8f5e61a8f9
commit 6cee0a9daf
26 changed files with 799 additions and 299 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/scss/components/_player.scss Executable file
View File

@ -0,0 +1,51 @@
.player {
.current-track {
font-size: 16px;
text-transform: uppercase;
text-align: center;
.title {
@include one_line_text;
}
.artist-sentence {
opacity: 0.5;
display: block;
@include one_line_text;
.artist {
color: inherit;
text-decoration: none;
border-bottom: 1px dotted transparent;
}
}
}
.controls {
text-align: center;
a {
cursor: pointer;
font-size: 14px;
padding: 8px;
display: inline-block;
opacity: 0.8;
&.active {
color: $turquoise;
}
&:hover {
opacity: 1.0;
}
}
}
.slider.animating {
.progress{
/* @include animate(10s); */
}
}
}

49
src/scss/components/_sidebar.scss
View File

@ -83,52 +83,11 @@ aside{
left: 0;
right: 0;
padding: 14px;
color: #FFFFFF;
.track-in-focus {
font-size: 16px;
text-transform: uppercase;
text-align: center;
color: #FFFFFF;
.title {
@include one_line_text;
}
.artist-sentence {
opacity: 0.5;
display: block;
@include one_line_text;
.artist {
color: inherit;
text-decoration: none;
border-bottom: 1px dotted transparent;
&:hover {
border-color: #FFFFFF !important;
}
}
}
}
.controls {
text-align: center;
a {
color: #FFFFFF;
cursor: pointer;
font-size: 14px;
padding: 8px;
display: inline-block;
opacity: 0.8;
&.active {
color: $turquoise;
}
&:hover {
opacity: 1.0;
}
.artist-sentence {
.artist:hover {
border-color: #FFFFFF !important;
}
}
}