bemuse/src/app/ui/MusicInfoTabs.scss
@import '~bemuse/ui/common';
.MusicInfoTabs {
$inactive-bg: rgba(#aaa, 0.3);
$active-bg: rgba(#fff, 0.6);
&のtabs {
margin: 0;
padding: 0 2vw;
list-style: none;
}
&のoptions {
float: right;
line-height: 2em;
cursor: pointer;
color: #666;
}
&のtab {
display: inline-block;
padding: 0 0.5em;
line-height: 2em;
background: $inactive-bg;
margin-right: 0.3em;
cursor: pointer;
&:first-child {
margin-left: -0.5em;
}
&.is-active {
background: $active-bg;
font-weight: bold;
cursor: default;
}
}
&のpanel {
background: $active-bg;
padding: 0.8em 2vw;
&.is-without-padding {
padding: 0;
}
}
}