From 3665abd4082fab76bc6b1feb8c4044cda7ec31dd Mon Sep 17 00:00:00 2001
From: Daniel Clemente Laboreo <daniel@opencraft.com>
Date: Tue, 28 Nov 2017 13:45:26 +0200
Subject: [PATCH] Used $baseline, get-map and media-breakpoint-down

---
 lms/static/sass/multicourse/_course_about.scss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/lms/static/sass/multicourse/_course_about.scss b/lms/static/sass/multicourse/_course_about.scss
index f3dc274f77..dd7b1b1959 100644
--- a/lms/static/sass/multicourse/_course_about.scss
+++ b/lms/static/sass/multicourse/_course_about.scss
@@ -2,9 +2,9 @@
   .container {
     padding-bottom: 120px;
 
-    @media screen and (max-width: $bp-screen-md) {
+    @include media-breakpoint-down(md) {
       min-width: auto;
-      padding: 20px;
+      padding: $baseline;
     }
   }
 
@@ -32,8 +32,8 @@
       margin: 0 auto;
       max-width: map-get($container-max-widths, xl);
 
-      @media screen and (min-width: $bp-screen-md) {
-        min-width: $bp-screen-md;
+      @include media-breakpoint-up(md) {
+          min-width: map-get($container-max-widths, md);
       }
 
       position: relative;
@@ -300,7 +300,7 @@
   }
 
   .details {
-    @media screen and (min-width: $bp-screen-md) {
+    @include media-breakpoint-up(md) {
       @include float(left);
       @include margin-right(flex-gutter());
 
@@ -395,7 +395,7 @@
   }
 
   .course-sidebar {
-    @media screen and (min-width: $bp-screen-md) {
+    @include media-breakpoint-up(dm) {
       @include box-sizing(border-box);
       @include float(left);