From b465f285093fccc2daa157e4e5a52757ed801fbd Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Mon, 30 Mar 2015 18:51:29 -0400
Subject: [PATCH] Fix celled grid container sizing

---
 gulpfile.js                             | 8 ++++++++
 src/definitions/elements/container.less | 8 ++++----
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/gulpfile.js b/gulpfile.js
index 20120d85c..3ab84e748 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -10,6 +10,10 @@ var
 
   // import tasks
   build        = require('./tasks/build'),
+  buildJS      = require('./tasks/build/javascript'),
+  buildCSS     = require('./tasks/build/css'),
+  buildAssets  = require('./tasks/build/assets'),
+
   clean        = require('./tasks/clean'),
   version      = require('./tasks/version'),
   watch        = require('./tasks/watch'),
@@ -37,7 +41,11 @@ gulp.task('default', false, [
 ]);
 
 gulp.task('watch', 'Watch for site/theme changes', watch);
+
 gulp.task('build', 'Builds all files from source', build);
+gulp.task('build-javascript', 'Builds all javascript from source', buildJS);
+gulp.task('build-css', 'Builds all css from source', buildCSS);
+gulp.task('build-assets', 'Copies all assets from source', buildAssets);
 
 gulp.task('clean', 'Clean dist folder', clean);
 gulp.task('version', 'Displays current version of Semantic', version);
diff --git a/src/definitions/elements/container.less b/src/definitions/elements/container.less
index e9225edaf..13cf85a44 100644
--- a/src/definitions/elements/container.less
+++ b/src/definitions/elements/container.less
@@ -37,7 +37,7 @@
     margin-right: @mobileGutter !important;
   }
   .ui.grid.container {
-    width: @mobileGridWidth;
+    width: @mobileGridWidth !important;
   }
 }
 @media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
@@ -47,7 +47,7 @@
     margin-right: @tabletGutter !important;
   }
   .ui.grid.container {
-    width: @tabletGridWidth;
+    width: @tabletGridWidth !important;
   }
 }
 @media only screen and (min-width: @smallMonitorBreakpoint) and (max-width: @largeMonitorBreakpoint) {
@@ -57,7 +57,7 @@
     margin-right: @smallMonitorGutter !important;
   }
   .ui.grid.container {
-    width: @smallMonitorGridWidth;
+    width: @smallMonitorGridWidth !important;
   }
 }
 @media only screen and (min-width: @largeMonitorBreakpoint) {
@@ -67,7 +67,7 @@
     margin-right: @largeMonitorGutter !important;
   }
   .ui.grid.container {
-    width: @largeMonitorGridWidth;
+    width: @largeMonitorGridWidth !important;
   }
 }