benevalibre/assets/scss/components/_forms.scss

58 lignes
1.4 KiB
SCSS

// -----------------------------------------------------------------------------
// Forms component's extension
// -----------------------------------------------------------------------------
// Set the cursor for some disabled input's label.
.form-control:disabled,
.custom-control-input:disabled ~ .custom-control-label {
cursor: not-allowed;
}
// Set the cursor for other labels.
.form-group > label,
.custom-control-label,
.custom-file-input {
cursor: pointer;
}
// Display errors of custom file input and input group.
.has-errors .custom-file ~ .invalid-feedback,
.has-errors .input-group ~ .invalid-feedback {
display: block;
}
// Hide spinners on input of type 'number'.
[type="number"] {
-moz-appearance: textfield; // stylelint-disable-line property-no-vendor-prefix
&::-webkit-outer-spin-button,
&::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none; // stylelint-disable-line property-no-vendor-prefix
}
}
// Extend the base classes
// Indicate that a form field is required.
.required {
font-size: 90%;
color: $danger;
}
// Contain the form actions - e.g. the submit button.
.form-actions {
margin-top: ($spacer * 1.5);
}
// Contain the clearable current file of a file input.
.custom-file-clearable {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
.custom-file + & {
margin-top: .5rem;
}
}