Description

Refactoring .usa-sr-only class to use sr-only() mixin

Additional information

Before

// Screen reader only helper
.usa-sr-only {
position: absolute;
left: -999em;
}

@mixin sr-only() {
  position: absolute;
  left: -999em;
}

After

// Screen reader only helper
@mixin sr-only() {
  position: absolute;
  left: -999em;
}

.usa-sr-only {
  @include sr-only();
}

Before you hit Submit, make sure you’ve done whichever of these applies to you:

• Follow the 18F Front End Coding Style Guide and Accessibility Guide.
• Run npm test and make sure the tests for the files you have changed have passed.
• Run your code through HTML_CodeSniffer and make sure it’s error free.
• Title your pull request using this format: [Website] - [UI component]: Brief statement describing what this pull request solves.