From d5d7fbf786b3f3ef1261dd85bbfe88b4a4c1f44c Mon Sep 17 00:00:00 2001
From: Chris Rodriguez <crodriguez@edx.org>
Date: Thu, 14 May 2015 10:46:56 -0400
Subject: [PATCH] Moving no-outline use to be more global

---
 lms/static/sass/_build-lms.scss                    |  1 +
 lms/static/sass/base/_utilities.scss               | 12 ++++++++++++
 lms/static/sass/course/courseware/_courseware.scss |  6 ------
 3 files changed, 13 insertions(+), 6 deletions(-)
 create mode 100644 lms/static/sass/base/_utilities.scss

diff --git a/lms/static/sass/_build-lms.scss b/lms/static/sass/_build-lms.scss
index 35e512774f..6c608b49ac 100644
--- a/lms/static/sass/_build-lms.scss
+++ b/lms/static/sass/_build-lms.scss
@@ -9,6 +9,7 @@
 @import 'base/font_face';
 @import 'base/extends';
 @import 'base/animations';
+@import 'base/utilities';
 
 // base - starter
 @import 'base/base';
diff --git a/lms/static/sass/base/_utilities.scss b/lms/static/sass/base/_utilities.scss
new file mode 100644
index 0000000000..ce32cc4d8d
--- /dev/null
+++ b/lms/static/sass/base/_utilities.scss
@@ -0,0 +1,12 @@
+// ------------------------------
+// LMS: Utilities
+
+// About: Shared utility classes that extend or enhance the interface
+// ------------------------------
+
+// No focus outline on programmatic focus
+.sr-is-focusable,
+.sr-is-focusable:focus,
+.sr-is-focusable:active {
+    @extend %no-outline;
+}
\ No newline at end of file
diff --git a/lms/static/sass/course/courseware/_courseware.scss b/lms/static/sass/course/courseware/_courseware.scss
index ee341cd5f2..e653b38c5d 100644
--- a/lms/static/sass/course/courseware/_courseware.scss
+++ b/lms/static/sass/course/courseware/_courseware.scss
@@ -60,12 +60,6 @@ div.course-wrapper {
       }
     }
 
-    .sr-is-focusable,
-    .sr-is-focusable:focus,
-    .sr-is-focusable:active {
-      outline: none;
-    }
-
     .sequential-status-message {
       margin-bottom: $baseline;
       background-color: $gray-l5;