packages/ui/lib/components/TrackRow/styles.scss
@import '../../common';
$padding: 1em;
$miniPadding: 0.5em;
.track_row {
transition: $short-duration;
cursor: pointer;
color: $white;
user-select: none;
&:hover {
background: rgba($background2, 0.25);
}
&:last-child {
td {
border-bottom: none;
}
}
a {
color: $white;
}
td {
padding: $padding;
border-bottom: 1px solid $background2;
}
&.mini td {
padding: $miniPadding;
}
.track_row_buttons {
width: 1px;
}
.track_row_position,
.track_row_duration {
text-align: center;
}
.track_row_thumbnail {
position: relative;
box-sizing: content-box;
padding: 0 !important;
img {
width: 3em;
height: 3em;
display: block;
object-fit: contain;
}
}
}