filestash/client/pages/filespage/thing.scss
2018-04-10 14:51:39 +10:00

82 lines
1.6 KiB
SCSS

.menubar{
font-size: 15px;
line-height: 15px;
height: 15px;
margin-top: 5px;
color: var(--light);
margin: 0 0 10px 0;
> span{cursor: pointer; margin-right: 15px;}
select{
float: right;
color: var(--light);
background: none;
border-radius: 3px;
outline: none;
border: 1px solid var(--light);
font-size: 12px;
}
}
.component_thing{
.file-is-hover{
background: var(--emphasis-primary);
}
.mouse-is-hover{
background: var(--super-light);
}
.file-is-dragging{
opacity: 0.15;
}
.component_icon{
width: 25px;
height: 25px;
}
form{
display: inline;
input{
outline: none;
}
}
.component_updater{
.action{
float: right;
color: #6f6f6f;
line-height: 25px;
margin: 0 -10px;
padding: 0 10px;
position: relative;
.component_icon{
padding: 1px 0;
box-sizing: border-box;
}
}
}
.component_datetime{
float: right;
color: var(--light);
line-height: 25px;
margin: 0 -10px;
padding: 0 10px;
position: relative;
}
.component_filesize{
span{
color: var(--light);
font-size: 0.85em;
}
}
.component_message{
color: var(--light);
font-size: 0.9em;
padding-left: 10px;
}
.file-details{
padding: 0 5px;
line-height: 22px;
white-space: nowrap;
}
}