$usa-form-width: 32rem;
[type=submit],
- type=submit
-
{
display: block; margin-bottom: 1.5em; margin-top: 2.5rem; @include media($medium-screen) { padding-left: 2.7em; padding-right: 2.7em; width: auto; }
}
[name=password],
- name=confirmPassword
-
{
margin-bottom: 1.1rem;
}
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%; }
}