$usa-form-width: 32rem;
- type=submit
-
{
@include media($medium-screen) { margin-top: calc(3rem - .2em); // Label margin minus input bottom margin }
}
fieldset {
border: none; margin: 0; padding: 0;
}
.usa-form {
@include media($medium-screen) { max-width: $usa-form-width; }
}
.usa-input-tiny {
@include media($medium-screen) { max-width: 6rem; }
}
.usa-input-medium {
@include media($medium-screen) { max-width: 12rem; }
}
.usa-form-note {
float: right; font-family: $font-sans; font-size: $h5-font-size; margin: 0 0 1.5rem; + * { clear: both; }
}
.usa-form-large {
@include media($medium-screen) { max-width: 46rem; }
}
.usa-input-grid {
@include media($medium-screen) { padding-right: 5%; }
}
.usa-input-grid:last-of-type {
@include media($medium-screen) { padding-right: 0; }
}
.usa-input-grid-small {
@include media($medium-screen) { float: left; width: 35%; } input { margin-bottom: 3rem; } select { margin-bottom: 3rem; }
}
.usa-input-grid-medium {
@include media($medium-screen) { float: left; width: 65%; } input { margin-bottom: 3rem; } select { margin-bottom: 3rem; }
}
.usa-input-grid-large {
@include media($medium-screen) { float: left; width: 100%; } input { margin-bottom: 3rem; } select { margin-bottom: 3rem; }
}
.usa-additional_text {
font-weight: normal;
}
// Reset password checklist
.usa-checklist {
list-style: none; margin-left: 0; padding-left: 0; li { display: inline-block; list-style: none; margin-bottom: 0; margin-top: 0; padding-left: 3em; text-indent: -2em; &::before { content: ' '; display: inline-block; height: .8em; margin-right: .2em; width: 1.8em; } }
}
.usa-checklist-checked {
&::before { background-image: url('#{$image-path}/correct9.png'); background-image: url('#{$image-path}/correct9.svg'); background-position: 100%; background-repeat: no-repeat; background-size: 100%; }
}