more form column / row styles
This commit is contained in:
parent
7e5843c995
commit
08ac775e3b
@ -20,12 +20,36 @@
|
|||||||
|
|
||||||
@include media($medium-screen) {
|
@include media($medium-screen) {
|
||||||
@include grid-row;
|
@include grid-row;
|
||||||
align-items: flex-start;
|
align-items: flex-end;
|
||||||
|
justify-content: flex-start;
|
||||||
|
|
||||||
.form-col {
|
.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 {
|
.usa-input {
|
||||||
margin-left: ($gap * 4);
|
margin-left: ($gap * 4);
|
||||||
margin-right: ($gap * 4);
|
margin-right: ($gap * 4);
|
||||||
|
|
||||||
|
label {
|
||||||
|
.icon-validation {
|
||||||
|
left: auto;
|
||||||
|
right: -$gap * 3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
max-width: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&:first-child {
|
&:first-child {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user