bemuse/src/app/ui/CustomBMS.scss
@import '~bemuse/ui/common';
.CustomBMS {
&のwrapper {
padding: 1em;
}
&のinstruction {
margin-bottom: 1ex;
font-weight: bold;
}
&のremark {
&::before {
content: '※ ';
}
color: #8b8685;
}
&のdropzone {
@include center-content;
border: 3px dashed #7b7675;
height: 240px;
margin-top: 1ex;
&.is-hover {
background: rgba(white, 0.1);
.CustomBMSのdropzoneHint {
color: #ff8;
text-shadow: 0 0 8px #ff0;
}
}
}
&のdropzoneHint {
font-size: 1.8em;
text-transform: uppercase;
color: #8b8685;
}
&のdropzoneInputLabel {
display: block;
font-size: 0.8em;
text-decoration: underline;
text-align: center;
}
&のdropzoneInput {
display: none;
}
&のlog {
@include scrolling-y;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 1ex;
> p {
margin: 0;
line-height: 1.3em;
}
}
}