Merge pull request #8045 from edx/clrux/new-extend-for-outline

Moving no-outline use to be more global

lms/static/sass/_build-lms.scss

@@ -7,6 +7,7 @@
 @import 'base/font_face';
 @import 'base/extends';
 @import 'base/animations';
+@import 'base/utilities';
 
 // base - starter
 @import 'base/base';

lms/static/sass/base/_utilities.scss

+// ------------------------------
+// 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

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;