Headless CMS and Content Managment Hub
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

101 lines
1.6 KiB

@import '_vars';
@import '_mixins';
.nav {
& {
padding-right: .5rem;
}
.nav-item {
& {
line-height: 2rem;
}
.nav-link {
color: $color-dark-foreground;
padding-top: 0;
padding-bottom: 0;
}
}
}
.icon-upload-3 {
vertical-align: middle;
font-size: 1.4rem;
font-weight: lighter;
padding-right: .5rem;
}
.dropdown-menu {
@include absolute(2.6rem, 0, auto, auto);
display: block;
min-width: 30rem;
max-width: 60%;
min-height: 4rem;
padding: 1rem;
}
.uploads {
& {
border: 2px solid transparent;
background: none;
min-height: 2rem;
}
&-empty {
line-height: 1.8rem;
}
}
.upload {
& {
line-height: 2rem;
min-height: 2rem;
max-height: 2rem;
margin-bottom: .5rem;
}
&:last-child {
margin: 0;
}
&-name {
@include truncate;
padding-right: .5rem;
padding-left: .5rem;
}
}
$circle-size: 1.6rem;
.upload-status {
& {
@include circle($circle-size);
display: inline-block;
line-height: $circle-size + .1rem;
text-align: center;
font-size: .4 * $circle-size;
font-weight: normal;
background: $color-border;
color: $color-dark-foreground;
cursor: none;
}
&-running {
color: inherit;
}
&-failed {
background: $color-theme-error;
}
&-success {
background: $color-theme-green;
}
}
.drag {
& > .uploads {
border-color: $color-theme-blue;
}
}