lbry-desktop/ui/scss/component/_form-row.scss

52 lines
850 B
SCSS
Raw Normal View History

2019-03-05 05:46:57 +01:00
.form-row {
display: flex;
flex-direction: row;
align-items: flex-end;
&:not(.form-row--padded):not(:last-of-type) {
2019-06-11 20:10:58 +02:00
margin-bottom: var(--spacing-medium);
2019-03-05 05:46:57 +01:00
}
.form-field {
&:not(:first-of-type) {
2019-06-11 20:10:58 +02:00
padding-left: var(--spacing-medium);
2019-03-05 05:46:57 +01:00
}
&.form-field--stretch {
width: 100%;
input {
max-width: 400px;
width: 100%;
}
}
}
button + input,
input + button {
2019-06-11 20:10:58 +02:00
margin-left: var(--spacing-medium);
2019-03-05 05:46:57 +01:00
}
}
.form-row--centered {
justify-content: center;
}
.form-row--padded {
// Ignore the class name, margin allows these to collapse with other items
2019-06-11 20:10:58 +02:00
margin-top: var(--spacing-large);
margin-bottom: var(--spacing-large);
2019-03-05 05:46:57 +01:00
}
.form-row--right {
justify-content: flex-end;
}
.form-row--stretch {
flex: 1;
}
.form-row--vertically-centered {
align-items: center;
}