ECOM-408 Added breakpoint variables to _grid-settings.scss

lms/static/sass/base/_grid-settings.scss

 /* Override the default global box-sizing */
-$border-box-sizing: false;
+@import "neat/neat-helpers"; // or "neat-helpers" when in Rails
\ No newline at end of file
+
+$border-box-sizing: false;
+
+/* Breakpoints */
+$mobile: new-breakpoint(max-width 320px 4);
+$tablet: new-breakpoint(min-width 321px max-width 768px, 8);
+$desktop: new-breakpoint(min-width 769px 12);
\ No newline at end of file

lms/static/sass/views/_login-register.scss

@@ -3,8 +3,9 @@
 
 .login-register {
     @include box-sizing(border-box);
-    @include span-columns(6);
-    @include shift(3);
+    @include span-columns(4);
+    width: 100%;
+    max-width: 1200px;
 
     /* Temp. fix until applied globally */
     & > {
@@ -81,10 +82,18 @@
         display: inline;
     }
 
+    @include media( $tablet ) {
+        @include span-columns(6);
+        @include shift(1);
+    }
 
-
+    @include media( $desktop ) {
+        @include span-columns(6);
+        @include shift(3);
+    }
 }
 
+
     /*// individual fields
     .field {