mamberamo/public/style/scss/components/forms/_form-validation.scss
2022-04-13 13:51:55 +07:00

67 lines
1.1 KiB
SCSS

/////////////////////////////
// Bootstrap validation
/////////////////////////////
.form-control.is-valid {
border-color: $success !important;
border-right: 0px !important;
&:focus {
box-shadow: none;
}
}
.form-control.is-warning {
border-color: $warning !important;
border-right: 0px !important;
&:focus {
box-shadow: none;
}
}
.form-control.is-invalid {
border-color: $danger !important;
border-right: 0px !important;
&:focus {
box-shadow: none;
}
}
////////////////////////
// Jquery Validation
////////////////////////
.is-valid {
.input-group-prepend {
.input-group-text {
i {
color: $success;
}
}
}
}
.is-invalid {
.input-group-prepend {
.input-group-text {
i {
color: lighten($primary, 15%)
}
}
}
}
// Show Pass
.show-pass{
cursor:pointer;
.fa-eye{
display:none;
}
&.active{
.fa-eye-slash{
display:none;
}
.fa-eye{
display:inline-block;
}
}
}