38 lines
664 B
SCSS
38 lines
664 B
SCSS
@import "colors";
|
|
|
|
.direct-upload {
|
|
display: inline-block;
|
|
position: relative;
|
|
padding: 4px 15px;
|
|
margin: 0 3px 3px 0;
|
|
border: 1px solid $border-grey;
|
|
border-radius: 3px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.direct-upload--pending {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.direct-upload__progress {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
bottom: 0;
|
|
opacity: 0.2;
|
|
background: #0076ff;
|
|
transition: width 120ms ease-out, opacity 60ms 60ms ease-in;
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
.direct-upload--complete .direct-upload__progress {
|
|
opacity: 0.4;
|
|
}
|
|
|
|
.direct-upload--error {
|
|
border-color: red;
|
|
}
|
|
|
|
input[type=file][data-direct-upload-url][disabled] {
|
|
display: none;
|
|
}
|