webpack-bootstrap-ui-kit/src/scss/layout/forms/basics.scss

56 lines
782 B
SCSS
Raw Normal View History

2023-06-21 13:29:26 +02:00
.form-control.dropdown {
@extend .form-select;
}
2021-08-09 18:04:09 +02:00
.field {
2021-08-18 20:38:12 +02:00
flex-direction: row;
2021-08-09 18:04:09 +02:00
2021-08-18 20:38:12 +02:00
&__label {
align-items: center;
display: inline-flex;
padding-right: $form-spacer-x;
2021-08-09 18:04:09 +02:00
2024-02-02 22:24:41 +01:00
&+.field__content {
2021-08-18 20:38:12 +02:00
padding-left: $form-spacer-x;
2021-08-09 18:04:09 +02:00
}
2022-06-27 16:10:50 +02:00
&-right {
flex: 1 1 100%;
padding: .5em;
}
2021-08-18 20:38:12 +02:00
}
2021-08-09 18:04:09 +02:00
2021-09-09 16:48:44 +02:00
&__content {
2021-08-18 20:38:12 +02:00
flex: 1 1 auto;
}
2021-08-09 18:04:09 +02:00
2021-08-18 20:38:12 +02:00
&.CompositeField {
flex-direction: column;
}
2024-02-02 18:15:43 +01:00
&__alert {
&.validation {
@extend .alert-danger;
width: 100%;
margin-top: 1em;
margin-bottom: 0;
}
}
2021-08-09 18:04:09 +02:00
}
.field.password {
2021-08-18 20:38:12 +02:00
.show-password {
color: $input-color;
position: absolute;
right: 0.5em;
top: 0.5em;
}
2021-08-09 18:04:09 +02:00
}
2021-09-09 16:48:44 +02:00
2024-02-02 15:31:10 +01:00
.form__field input.password {
@extend .form-control;
}
2021-09-09 16:48:44 +02:00
.form__fieldset {
2024-02-02 22:24:41 +01:00
margin-bottom: -1rem;
}