diff --git a/CHANGELOG.md b/CHANGELOG.md index 14826cb0..a72a96f1 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -15,6 +15,10 @@ - Form hint text is now shown with an italicized style and increased vertical margins. ([#262](https://github.com/18F/identity-style-guide/pull/262)) - Icons for form validation errors are aligned to the top ([#265](https://github.com/18F/identity-style-guide/pull/265)) +### Bug Fixes + +- Fix an issue where `.usa-input--error` would apply the incorrect border color unless also accompanied by `.usa-input`, `.usa-textarea`, or `.usa-select`. ([#275](https://github.com/18F/identity-style-guide/pull/275)) + ### Dependencies - Upgraded USWDS from v2.12.1 to v2.12.2 (see [release notes](https://github.com/uswds/uswds/releases/tag/v2.12.2)) ([#269](https://github.com/18F/identity-style-guide/pull/269)) diff --git a/src/scss/components/_inputs.scss b/src/scss/components/_inputs.scss index c68cfdb1..e9cd6504 100644 --- a/src/scss/components/_inputs.scss +++ b/src/scss/components/_inputs.scss @@ -26,10 +26,10 @@ $input-select-margin-right: 1; @include disable-default-focus-styles; box-shadow: roundable-focus-outline-box-shadows(); } +} - &.usa-input--error { - @include u-border-color('error'); - } +.usa-input--error { + @include u-border-color('error'); } [type='search'],