AA-51: Adds in 'Up next' banner to course home

lms/static/sass/_build-lms-v1.scss

@@ -75,6 +75,7 @@
 @import 'features/course-duration-limits';
 @import 'features/enterprise-learner-portal-banner';
 @import 'features/first-purchase-banner';
+@import 'features/next-up-banner';
 
 // search
 @import 'search/search';

lms/static/sass/bootstrap/lms-main.scss

@@ -28,6 +28,7 @@ $static-path: '../..';
 @import 'features/course-duration-limits';
 @import 'features/enterprise-learner-portal-banner';
 @import 'features/first-purchase-banner';
+@import 'features/next-up-banner';
 
 // Individual Pages
 @import "views/program-marketing-page";

lms/static/sass/features/_next-up-banner.scss

@@ -0,0 +1,29 @@
+// Up next banner
+.next-up-banner {
+  display: none; // Required to be none for Optimizely experiment in AA-29
+  background-color: #d8edf8;
+  color: #393f43;
+  font-size: 16px;
+  border: 1px solid #bbdff2;
+  border-radius: 4px;
+  box-sizing: border-box;
+  line-height: 1.5;
+  margin: $baseline auto;
+  padding: 20px;
+
+  a:not(.btn) {
+    font-weight: bold;
+    text-decoration: underline;
+    color: #006ea9;
+
+    &:hover {
+      color: darken(#006ea9, 15%);
+      text-decoration: underline;
+    }
+  }
+
+  & + .page-content {
+    margin-top: 0;
+    padding-top: 0;
+  }
+}