Adding variables for container sizes

diff --git a/less/grid.less b/less/grid.less
index 1be9dfd1831dc794e2a53ef7a4f224fe58d7361b..6d5a8e345e276950f642203d168494181a944658 100644 (file)
--- a/less/grid.less
+++ b/less/grid.less
@@ -39,21 +39,21 @@
 // Responsive: Tablets and up
 @media screen and (min-width: @screen-tablet) {
   .container {
-    max-width: (@screen-tablet - 40);
+    max-width: @container-tablet;
   }
 }
 
 // Responsive: Desktops and up
 @media screen and (min-width: @screen-desktop) {
   .container {
-    max-width: (@screen-desktop - 52);
+    max-width: @container-desktop;
   }
 }
 
 // Responsive: Large desktops and up
 @media screen and (min-width: @screen-large-desktop) {
   .container {
-    max-width: (@screen-large-desktop  - @grid-gutter-width);
+    max-width: @container-large-desktop;
   }
 }
 

diff --git a/less/variables.less b/less/variables.less
index 9cd8f830b3cb4a09cc0390db0b605ccaeee6f275..97aac8395f104c10f2f7a6384dee35cb036d9e9a 100644 (file)
--- a/less/variables.less
+++ b/less/variables.less
@@ -405,6 +405,19 @@
 @screen-large-desktop:       @screen-large;
 
 
+// Container sizes
+// --------------------------------------------------
+
+// Small screen / tablet
+@container-tablet:          728px;
+
+// Medium screen / desktop
+@container-desktop:         940px;
+
+// Large screen / wide desktop
+@container-large-desktop:   1170px;
+
+
 // Grid system
 // --------------------------------------------------