Adding UXPL classnames to headings

lms/static/sass/_build-course.scss

@@ -66,3 +66,6 @@
 
 // responsive
 @import 'base/layouts'; // temporary spot for responsive course
+
+// xmodule
+@import 'xmodule/headings';

lms/static/sass/xmodule/_headings.scss

@@ -0,0 +1,121 @@
+/*
+ * This comes from the UXPL, and is modified for use.
+ * The UXPL isn't available retroactively, so this shims
+ * the headings from the UXPL with what we're using in
+ * the platform to better sync things up in the meantime.
+ * It is scoped to #seq_content, specifically for xblock.
+ *
+ * Once the UXPl is fitted retroactively, this can be removed.
+ */
+
+$headings-count: 8;
+
+$headings-font-weight-light:                200;
+$headings-font-weight-normal:               400;
+$headings-font-weight-bold:                 600;
+$headings-base-font-family:                 inherit;
+$headings-base-color:                       $gray-d2;
+
+%reset-headings {
+    margin: 0;
+    font-weight: $headings-font-weight-normal;
+    font-size: inherit;
+    line-height: inherit;
+    color: $headings-base-color;
+}
+
+%hd-1 {
+    margin-bottom: 1.41575em !important;
+    font-size: 2em !important;
+    line-height: 1.4em !important;
+}
+
+
+%hd-2 {
+    margin-bottom: 1em !important;
+    font-size: 1.5em !important;
+    font-weight: $headings-font-weight-normal !important;
+    line-height: 1.4em !important;
+}
+
+
+%hd-3 {
+    margin-bottom: ($baseline / 2) !important;
+    font-size: 1.35em !important;
+    font-weight: $headings-font-weight-normal !important;
+    line-height: 1.4em !important;
+}
+
+
+%hd-4 {
+    margin-bottom: ($baseline / 2) !important;
+    font-size: 1.25em !important;
+    font-weight: $headings-font-weight-bold !important;
+    line-height: 1.4em !important;
+}
+
+
+%hd-5 {
+    margin-bottom: ($baseline / 2) !important;
+    font-size: 1.1em !important;
+    font-weight: $headings-font-weight-bold !important;
+    line-height: 1.4em !important;
+}
+
+
+%hd-6 {
+    margin-bottom: ($baseline / 2) !important;
+    font-size: 1em !important;
+    font-weight: $headings-font-weight-bold !important;
+    line-height: 1.4em !important;
+}
+
+%hd-7 {
+    margin-bottom: ($baseline / 4);
+    font-size: 14px;
+    font-weight: $headings-font-weight-bold;
+    text-transform: uppercase;
+    line-height: 1.6em;
+    letter-spacing: 1px;
+}
+
+%hd-8 {
+    margin-bottom: ($baseline / 8);
+    font-size: 12px;
+    font-weight: $headings-font-weight-bold;
+    text-transform: uppercase;
+    line-height: 1.5em;
+    letter-spacing: 1px;
+}
+
+#seq_content {
+
+    .hd-1,
+    .hd-2,
+    .hd-3,
+    .hd-4,
+    .hd-5,
+    .hd-6,
+    .hd-7,
+    .hd-8 {
+        @extend %reset-headings;
+    }
+
+
+    // ----------------------------
+    // #CANNED
+    // ----------------------------
+    // canned heading classes
+    @for $i from 1 through $headings-count {
+        .hd-#{$i} {
+            @extend %hd-#{$i};
+        }
+    }
+
+    h3 {
+        @extend %hd-2;
+        font-weight: $headings-font-weight-normal !important;
+        // override external modules and xblocks that use inline CSS
+        text-transform: initial;
+    }
+}