using screen-size variables for grids

2b088ef4 · Aristeides Stathopoulos · 7cbb1c04 · 2b088ef4
Commit 2b088ef4 authored 11 years ago by Aristeides Stathopoulos
Hide whitespace changes
Inline Side-by-side

Showing

with 3 additions and 3 deletions
+3 -3
--- 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: 728px;
+    max-width: (@screen-tablet - 40);
  }
 }

 // Responsive: Desktops and up
 @media screen and (min-width: @screen-desktop) {
  .container {
-    max-width: 940px;
+    max-width: (@screen-desktop - 52);
  }
 }

 // Responsive: Large desktops and up
 @media screen and (min-width: @screen-large-desktop) {
  .container {
-    max-width: 1170px;
+    max-width: (@screen-large-desktop  - @grid-gutter-width);
  }
 }