Merge pull request #171 from dod-ccpo/ui/conditional-field-display

Ui/conditional field display
This commit is contained in:
patricksmithdds
2018-08-15 09:59:16 -04:00
committed by GitHub
5 changed files with 156 additions and 66 deletions

View File

@@ -70,6 +70,7 @@
@include h4;
@include line-max;
position: relative;
clear: both;
.icon-validation {
position: absolute;
@@ -225,49 +226,3 @@ select {
}
}
// Form Grid
.form-row {
margin: ($gap * 4) 0;
.form-col {
flex-grow: 1;
&:first-child .usa-input {
&:first-child {
margin-top: 0;
}
}
&:last-child .usa-input {
&:first-child {
margin-top: 0;
}
}
}
@include media($medium-screen) {
@include grid-row;
align-items: flex-start;
.form-col {
.usa-input {
margin-left: ($gap * 4);
margin-right: ($gap * 4);
}
&:first-child {
.usa-input {
margin-left: 0;
}
}
&:last-child {
.usa-input {
margin-right: 0;
}
}
}
}
}