passman/sass/vaults.scss
2016-09-13 00:10:24 +02:00

62 lines
1,014 B
SCSS

.vault_wrapper{
margin: 0 auto;
margin-top: 20px;
width: 100%;
max-width: 420px;
@include border-radius(5px);
box-shadow: 0 1px 1px #777;
background: #eee;
display: block;
.vaultlist{
z-index: 500;
li,div,span,small{
cursor: pointer;
}
small{
color: #8e8e8e;
}
li.selected{
background-color: #0082c9 !important;
color: #ddd;
}
li{
border-bottom: 1px solid #8e8e8e;
padding: 16px;
}
li:hover{
background-color: #f7f7f7;
}
}
.login_form{
padding: 16px;
.error{
color: #ce3702;
}
.pw-input{
.last_access{
color: #8e8e8e;
}
}
input[type="password"], input[type="text"]{
width: 100%;
@include border-radius(5px);
}
.button_wrapper{
.button{
width: 45%;
display: inline-block;
}
}
.button{
margin-top: 10px;
}
}
}
@media screen and (max-width: 768px){
.vault_wrapper{
width: 90%;
}
}