public/video-ui/styles/layout/_upload.scss (47 lines of code) (raw):
.upload {
display: flex;
align-items: center;
justify-content: center;
height: 150px;
color: white;
&__actions {
display: flex;
padding: 8px 10px;
justify-content: space-between;
align-items: center;
}
&__left {
overflow: hidden;
}
&__right {
display: flex;
height: 38px;
}
&__info {
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
color: white;
}
&__activate-btn {
margin-left: 5px;
}
}
.upload__link {
display: none;
}
.upload:hover .upload__link {
display: block;
}
.loader {
border: 5px solid $color700Grey;
border-top: 5px solid $brandColor;
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}