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

31 lines
433 B
SCSS
Raw Normal View History

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
2021-08-18 20:38:12 +02:00
& + .field__content {
padding-left: $form-spacer-x;
2021-08-09 18:04:09 +02:00
}
2021-08-18 20:38:12 +02:00
}
2021-08-09 18:04:09 +02:00
2021-08-18 20:38:12 +02:00
.field__content {
flex: 1 1 auto;
}
2021-08-09 18:04:09 +02:00
2021-08-18 20:38:12 +02:00
&.CompositeField {
flex-direction: column;
}
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
}