more form column / row styles

This commit is contained in:
Andrew Croce 2018-09-04 11:16:23 -04:00
parent 7e5843c995
commit 08ac775e3b

View File

@ -20,12 +20,36 @@
@include media($medium-screen) {
@include grid-row;
align-items: flex-start;
align-items: flex-end;
justify-content: flex-start;
.form-col {
&.form-col--half {
flex-basis: 50%;
}
&.form-col--third {
flex-basis: 33.33%;
}
&.form-col--two-thirds {
flex-basis: 66.66%;
}
.usa-input {
margin-left: ($gap * 4);
margin-right: ($gap * 4);
label {
.icon-validation {
left: auto;
right: -$gap * 3;
}
}
input {
max-width: none;
}
}
&:first-child {