removing LMS context styling in favor for canned UI grid/layout sizes

apps/openassessment/xblock/static/sass/oa/contexts/_lms.scss

-// openassessment: contexts - lms UI
-// ====================
-
-// NOTES:
-// * any openassessment-specific suport-based styling needed for the xblock rendering in edX's LMS should be placed here
-
-
-// --------------------
-// CASE: less than or equal to IE9
-// --------------------
-.is--in-edxlms {
-
-}

apps/openassessment/xblock/static/sass/oa/contexts/_responsive.scss

+// openassessment: contexts - responsive sizing
+// ====================
+
+// NOTES:
+// * this creates different sized layouts/grid based to use in lieu of native media queries (since XBlocks don't control the chrome they are rendered in)
+
+.xblock {
+
+  // --------------------
+  // CASE: extra small digital screen
+  // --------------------
+  &.ui-size-xs .wrapper--grid {
+
+  }
+
+  // --------------------
+  // CASE: small digital screen
+  // --------------------
+  &.ui-size-s .wrapper--grid {
+
+  }
+
+  // --------------------
+  // CASE: medium digital screen
+  // --------------------
+  &.ui-size-m .wrapper--grid {
+
+  }
+
+  // --------------------
+  // CASE: large digital screen
+  // --------------------
+  &.ui-size-l .wrapper--grid {
+
+  }
+
+  // --------------------
+  // CASE: extra large large digital screen
+  // --------------------
+  &.ui-size-xl .wrapper--grid {
+
+  }
+}
+

apps/openassessment/xblock/static/sass/openassessment.scss

@@ -82,7 +82,7 @@
 
 // openassessment: contextual
 @import 'oa/contexts/ie';                      // open assessment-specific Internet Explorer-specific styling
-@import 'oa/contexts/lms';                     // open assessment-specific LMS constraints
+@import 'oa/contexts/responsive';              // open assessment-specific UI sizes (faking responsive brakpoints)
 
 // openassessment: misc.
 @import 'oa/utilities/developer';              // developer-friendly file: add rough/WIP styling that needs UI triage