Sha256: 6ebc5da364454b1a17c28d4307fc601a836be0dbd46c874590f97bbad4f2d1a3
Contents?: true
Size: 1.97 KB
Versions: 7
Compression:
Stored size: 1.97 KB
Contents
/*
Modules / Single file uploader
*/
x-files[single-file] {
color: #6F6F71;
display: block;
font-size: 12px;
height: 38px;
line-height: 38px;
margin: 31px 0 45px;
position: relative;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
.buttons,
.content {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
//
// Association
//
.association {
display: inline-block;
font-size: 14px;
font-weight: bold;
line-height: 16px;
margin-left: 2px;
position: relative;
top: -1px;
vertical-align: middle;
width: 20%;
}
//
// Buttons
//
.buttons {
border-right: 1px solid #E2E2E2;
bottom: 0;
left: 20%;
padding-right: 14px;
position: absolute;
text-align: right;
top: 0;
@media screen and (min-width: $min_width_large) {
// right: 511px;
}
}
.buttons .choose {
@include icon("folder_add");
background-position: left center;
color: #CDCDCD;
cursor: pointer;
display: inline-block;
font-weight: bold;
line-height: 24px;
padding-left: 22px;
padding-top: 2px;
white-space: nowrap;
}
.buttons .choose:hover {
color: #6F6F71;
}
//
// Content
//
.content {
@include calc(width, "80% - 101px - 26px");
position: absolute;
right: 0;
top: 0;
}
.image {
float: left;
height: 38px;
width: 58px;
}
.image .thumb {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
width: 100%;
}
.image .thumb.no-image {
background-color: #F3F3F3;
background-image: icon-url("page_white");
background-size: auto;
}
.image img,
.image canvas {
display: block;
height: auto;
opacity: 0.5;
width: 100%;
@include transition(
opacity 450ms
);
}
//
// Statusses
//
&.uploaded .image canvas,
&.uploaded .image img {
opacity: 1;
}
}
Version data entries
7 entries across 7 versions & 1 rubygems