Files
astuto/app/assets/stylesheets/common/_form.scss
Riccardo Graziosi d7e7db9f72 Add custom CSS (#264)
2024-01-23 18:50:42 +01:00

61 lines
750 B
SCSS

.field_with_errors {
label {
color: $danger;
}
input {
border-color: $danger;
}
}
.form-control:focus {
border-color: var(--primary-color);
box-shadow: 0 0 0 0.25rem var(--primary-color-light);
}
.new_user, .edit_user {
@extend .card;
width: 100%;
max-width: 360px;
text-align: center;
padding: 15px;
margin: 0 auto;
}
.deviseLinks {
@extend .new_user;
display: flex;
flex-direction: column;
margin-top: 24px;
a { color: var(--astuto-black); }
}
.formRow {
@extend .form-row;
margin-top: 10px;
margin-bottom: 10px;
}
.formGroup {
@extend .form-group;
}
.formControl {
@extend .form-control;
&.invalid {
border-color: red;
}
}
.switch {
@extend
.custom-control-input;
}