cobuild-angular-stack
Version:
Base stack angular sass jade gulp
156 lines • 2.9 kB
text/less
#admin-experiences-modal {
.product-item {
margin-bottom: 60px;
}
.text-center {
text-align: center;
}
.product-item-thumbnail-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
}
.product-item-thumbnail-label {
position: absolute;
top: 15px;
left: 15px;
padding: 5px 12px;
border-radius: 20px;
z-index: 3;
text-transform: uppercase;
color: #fff;
font-size: 12px;
cursor: pointer;
&.add {
background: #e7505a;
}
&.on {
background: #50E780;
}
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
}
#admin-experiences {
.price {
font-size: 14pt;
font-weight: 400;
color: #3C3D3E;
}
.todo-completed {
color: #fff;
position: absolute;
top: 30px;
right: 30px;
padding: 5px 15px;
border-radius: 20px;
font-size: 11px;
font-weight: 500;
background: #1ed638;
cursor: pointer;
}
.content {
min-height: 100vh;
padding-top: 30px;
margin-right: auto;
margin-left: auto;
padding-left: 30px;
padding-right: 30px;
.m-t-150 {
margin-top: 150px;
}
.el-button--info {
color: #fff;
background-color: #50bfff;
border-color: #50bfff
}
.el-button {
display: inline-block;
line-height: 1;
white-space: nowrap;
cursor: pointer;
background: #fff;
border: 1px solid #c4c4c4;
color: #1f2d3d;
margin: 0;
padding: 10px 15px;
border-radius: 4px;
margin-top: 150px;
}
.todo-devin {
background: #fff;
border-radius: 0;
.side-todo {
padding: 30px 0 0 30px;
min-height: 300px;
border-radius: 5px;
position: relative;
z-index: 0;
ul {
margin: 0;
padding: 0;
li {
padding: 10px 0 0;
list-style: none;
margin: 0 0 30px;
img {
float: left;
border-radius: 50%;
width: 60px;
border: 2px solid #eee;
}
.about {
float: left;
margin-top: 8px;
position: relative;
left: 20px;
.name {
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
}
.status {
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
&.online {
color: #0CB520;
}
}
}
}
}
}
}
.todo-list {
margin: 0;
padding: 0;
list-style: none;
overflow: auto;
.todo-content {
background: #fff;
width: 100%;
display: inline-block;
padding: 30px;
position: relative;
margin: 0;
z-index: 0;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
}
}
}
}