58 lignes
1.4 KiB
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;
|
|
}
|
|
}
|