fox-send/app/templates/setPasswordSection/setPasswordSection.css

59 lines
1023 B
CSS
Raw Normal View History

.setPasswordSection {
2018-07-31 18:09:18 +00:00
display: flex;
padding: 10px 0;
max-width: 100%;
}
.checkbox {
2018-07-31 18:09:18 +00:00
flex: auto;
height: 24px;
}
.checkbox__input {
position: absolute;
2018-02-16 20:56:53 +00:00
opacity: 0;
}
.checkbox__label {
2018-07-31 18:09:18 +00:00
font-size: 13px;
line-height: 20px;
cursor: pointer;
color: var(--lightTextColor);
2018-03-11 15:20:09 +00:00
user-select: none;
}
.checkbox__label::before {
content: '';
2018-07-31 18:09:18 +00:00
height: 24px;
width: 24px;
margin-right: 10px;
float: left;
2018-07-31 18:09:18 +00:00
background-color: #e6e6e6;
}
2018-07-31 18:09:18 +00:00
.checkbox__label:hover::before {
background-color: #d6d6d6;
}
.checkbox__input:checked + .checkbox__label::before {
2018-07-31 18:09:18 +00:00
background-image: url('../assets/lock.svg');
background-position: 2px 2px;
background-repeat: no-repeat;
}
2018-02-16 20:56:53 +00:00
.checkbox__input:disabled + .checkbox__label {
cursor: auto;
}
.checkbox__input:disabled + .checkbox__label::before {
2018-07-31 18:09:18 +00:00
background-image: url('../assets/lock.svg');
2018-02-16 20:56:53 +00:00
background-repeat: no-repeat;
2018-02-20 00:21:59 +00:00
background-size: 26px 26px;
border: none;
2018-02-16 20:56:53 +00:00
cursor: auto;
}
2018-07-31 18:09:18 +00:00
.setPasswordSection > .passwordInput--hidden {
display: none;
}