reportify_mncl/public/userarea/assets/scss/_form-elements.scss
2024-03-16 20:37:32 +01:00

52 lines
838 B
SCSS

/* ==============
Form-elements
===================*/
label {
font-weight: 500;
color: $gray-800;
font-size: 14px;
}
.form-control {
font-size: $base-font;
&:focus {
border-color: $primary;
box-shadow: none;
}
}
.custom-control-input:checked~.custom-control-indicator {
background-color: $primary;
}
.custom-control-input:focus~.custom-control-indicator {
-webkit-box-shadow: 0 0 0 1px $white, 0 0 0 3px $primary;
box-shadow: 0 0 0 1px $white, 0 0 0 3px $primary;
}
.has-success {
.form-control {
border-color: $success;
box-shadow: none;
}
}
.has-warning {
.form-control {
border-color: $warning;
box-shadow: none;
}
}
.has-error {
.form-control {
border-color: $danger;
box-shadow: none;
}
}
.input-group-addon {
border-radius: 2px;
border: 1px solid $light;
}