fix(grid): center grid at largest breakpoint (#747)

carbon-design-system · May 4, 2018 · 09d9d5a · 09d9d5a
1 parent 96d6cca
commit 09d9d5a
Showing 1 changed file with 19 additions and 3 deletions.
diff --git a/src/globals/grid/classic/_classic.scss b/src/globals/grid/classic/_classic.scss
@@ -3,9 +3,21 @@
 $max-width: 1600px;
 $columns: 12;
 
-$grid-breakpoints: (sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1600px);
-$gutter-breakpoints: (xs: 5px, sm: 10px);
-$grid-gutter-breakpoints: (xs: 3%, sm: 5%);
+$grid-breakpoints: (
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1200px,
+  xxl: 1600px
+);
+$gutter-breakpoints: (
+  xs: 5px,
+  sm: 10px
+);
+$grid-gutter-breakpoints: (
+  xs: 3%,
+  sm: 5%
+);
 
 @mixin grid {
   .#{$prefix}--grid {
@@ -21,6 +33,10 @@ $grid-gutter-breakpoints: (xs: 3%, sm: 5%);
       padding-right: gutter('sm');
     }
 
+    @media (min-width: breakpoint('xxl')) {
+      margin: 0 auto;
+    }
+
     &.max {
       max-width: $max-width;
     }