LMS: setting fore/background colors for all sr elements

2015-09-10 08:32:20 -04:00
parent 34e01581c1
commit e2bffc793d
2 changed files with 7 additions and 0 deletions
--- a/lms/static/sass/base/_base.scss
+++ b/lms/static/sass/base/_base.scss
@@ -327,6 +327,7 @@ mark {
 // UI - semantically hide text
 .sr {
  @extend %text-sr;
+  @extend %a11y-ensure-contrast;
 }

 // UI - skipnav
--- a/lms/static/sass/base/_mixins.scss
+++ b/lms/static/sass/base/_mixins.scss
@@ -135,6 +135,12 @@
  width: 1px;
 }

+// extends - ensures proper contrast for automated checkers
+%a11y-ensure-contrast {
+  background: $white;
+  color: $black;
+}
+
 // extends - UI - removes list styling/spacing when using uls, ols for navigation and less content-centric cases
 %ui-no-list {
  list-style: none;