cobuild-angular-stack
Version:
Base stack angular sass jade gulp
86 lines (85 loc) • 2.13 kB
text/less
.main #show-product,
.main #new-product {
.main-image {
> * {
width: 90%;
margin: 0 auto;
display: block;
background-color: #FFF;
}
}
.delete-button {
margin-left: 85px;
}
.carousel {
width: 75%;
margin: 10px auto;
.carousel-item {
text-align: center;
line-height: 100px;
&:focus {
outline: none;
}
.remove {
position: absolute;
right: 15px;
margin-top: -15px;
margin-left: -15px;
color: #F00;
opacity: 0;
transition: all 1s;
font-size: 30px;
line-height: 30px;
vertical-align: middle;
display: inline-block;
}
&:hover {
.remove {
opacity: 1;
}
}
.child {
max-width: 70px;
max-height: 70px;
text-align: center;
line-height: 70px;
font-size: 30px;
display: inline-block;
&.uploader {
width: 100%;
.input-uploader {
position: absolute;
opacity: 0;
height: 100%;
width: 100%;
cursor: pointer;
left: 0px;
top: 0px;
}
}
}
}
.btn-prev,
.btn-next {
position: absolute;
top: 50%;
transform: translate(0, -50%);
display: block;
img {
height: 17px;
}
}
.btn-next {
right: -30px;
}
.btn-prev {
left: -30px;
}
}
.editable-icon {
font-size: 15px;
}
.editable-checklist label {
display: block;
}
}