71 lines
1.3 KiB
SCSS
71 lines
1.3 KiB
SCSS
@import "client/common";
|
|
|
|
.jam-track-preview {
|
|
|
|
position:relative;
|
|
display:inline-block;
|
|
line-height:24px;
|
|
vertical-align: middle;
|
|
@include border_box_sizing;
|
|
color:$ColorTextTypical;
|
|
font-size:14px;
|
|
|
|
.actions {
|
|
display:inline;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
img.instrument-icon {
|
|
display:inline;
|
|
vertical-align: middle;
|
|
margin-left:10px;
|
|
}
|
|
|
|
.instrument-name {
|
|
display:inline;
|
|
vertical-align: middle;
|
|
margin-left:10px;
|
|
}
|
|
|
|
.part {
|
|
display:inline;
|
|
vertical-align: middle;
|
|
margin-left:4px;
|
|
}
|
|
.play-button, .stop-button {
|
|
vertical-align:middle;
|
|
height:24px;
|
|
line-height:24px;
|
|
width:24px;
|
|
background-repeat:no-repeat;
|
|
background-position:center;
|
|
}
|
|
|
|
.play-button {
|
|
&.gray {
|
|
background-image: url('/assets/content/icon-play-24-gray.png');
|
|
}
|
|
&.black {
|
|
background-image: url('/assets/content/icon-play-24-black.png');
|
|
}
|
|
}
|
|
|
|
.stop-button {
|
|
&.gray {
|
|
background-image: url('/assets/content/icon-pause-24-gray.png');
|
|
}
|
|
&.black {
|
|
background-image: url('/assets/content/icon-pause-24-black.png');
|
|
}
|
|
}
|
|
|
|
.spinner-small {
|
|
vertical-align: middle;
|
|
top: -4px;
|
|
right: -32px;
|
|
position:absolute;
|
|
&.hidden {
|
|
display:none;
|
|
}
|
|
}
|
|
} |