cobuild-angular-stack
Version:
Base stack angular sass jade gulp
284 lines (279 loc) • 6.99 kB
text/less
#registry,
#new-product {
// aside {
// ul {
// margin-top: -110px;
// }
// }
}
.ui-select-container {
padding: 0 ;
outline: none ;
* {
outline: none ;
}
.ui-select-match > span{
margin-left: 0;
}
.ui-select-match > span, input {
font-size: 15px;
border: none;
padding: 5px 10px 0 10px;
}
}
.new-product-container {
h3 {
color: @color-cool-gray;
font-weight: 300;
width: 50%;
margin: 0 auto;
text-align: center;
font-size: 16px;
line-height: 20px;
padding: 10px;
}
.btn {
line-height: 32px;
}
.pointer:hover {
cursor: pointer;
}
.product-name {
border: none;
background-color: #EEEEEE;
color: #000;
padding-top: 8px;
}
.product-price {
border: none;
background-color: #EEEEEE;
color: #000;
padding: 8px;
margin-top: 15px;
}
.product-description {
border: none;
background-color: #EEEEEE;
color: #000;
padding: 8px;
margin-top: 15px;
}
.product-store {
padding: 0;
}
.product-qty {
margin-left: 10px;
}
.btn {
margin: 0 10px;
}
}
#registry {
header {
background-color: #CBCED5;
background-repeat: no-repeat;
background-size: cover;
padding-top: 20px;
padding-bottom: 20px;
.main-header {
min-height: 150px;
width: 100%;
> * {
width: 30%;
@media (min-width: 768px) {
width: 35%;
}
display: inline-block;
margin-left: -4px;
vertical-align: middle;
&:first-child {}
&:last-child {}
}
.profile-photo {
width: 40%;
@media (min-width: 768px) {
width: 30%;
}
.photo {
vertical-align: top;
height: 150px;
width: 150px;
margin: 0 auto;
border-radius: 50%;
background-size: cover;
background-repeat: no-repeat;
.placeholder {
margin-top: -30px;
box-sizing: border-box;
width: 90%;
margin-left: 5%;
text-shadow: #FFF 1px 1px 0px;
}
}
}
.data-container {
.data {
line-height: 150px;
font-weight: bold;
text-shadow: #FFF 0px 0px 14px;
font-size: 20px;
}
}
}
.float-button {
position: absolute;
top: 10px;
right: 10px;
.edit-profile {
color: #FFF;
font-weight: bold;
letter-spacing: -1px;
}
}
}
.main-wedding {
text-align: center;
padding: 100px 10px;
.wellcome-message {
form {
width: 100%;
.editable-controls {
width: 100%;
textarea {
width: 90%;
}
}
}
}
.btn-registry {
margin-top: 30px;
}
}
.header-list {
.main-group-btn {
margin-top: 22px;
}
}
.body-grid {
margin-top: 30px;
.list-group {
position: relative;
.action-float {
position: absolute;
right: 0;
top: 0;
font-size: 38px;
width: 54px;
text-align: center;
z-index: 1;
background: rgba(185, 185, 185, 0.4);
color: #F00;
}
.list-group-item {
text-align: center;
&.pw-container {
line-height: 150px;
img {
max-height: 150px;
max-width: 100%;
}
}
&.description {
height: 100px;
}
&.title {
> * {
display: inline-block;
vertical-align: middle;
}
}
}
}
}
}
#new-product-registry {
.main-image {
> * {
width: 90%;
margin: 0 auto;
display: block;
background-color: #FFF;
}
}
.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 {
font-size: 24px;
position: absolute;
top: 50%;
display: block;
width: 24px;
height: 24px;
margin-top: -12px;
padding: 0;
cursor: pointer;
color: #868686;
border: none;
outline: none;
}
.btn-next {
right: -30px;
}
.btn-prev {
left: -30px;
}
}
.editable-icon {
font-size: 15px;
}
.editable-checklist label {
display: block;
}
}