using screen-size variables for grids

parent 7cbb1c04
...@@ -39,21 +39,21 @@ ...@@ -39,21 +39,21 @@
// Responsive: Tablets and up // Responsive: Tablets and up
@media screen and (min-width: @screen-tablet) { @media screen and (min-width: @screen-tablet) {
.container { .container {
max-width: 728px; max-width: (@screen-tablet - 40);
} }
} }
// Responsive: Desktops and up // Responsive: Desktops and up
@media screen and (min-width: @screen-desktop) { @media screen and (min-width: @screen-desktop) {
.container { .container {
max-width: 940px; max-width: (@screen-desktop - 52);
} }
} }
// Responsive: Large desktops and up // Responsive: Large desktops and up
@media screen and (min-width: @screen-large-desktop) { @media screen and (min-width: @screen-large-desktop) {
.container { .container {
max-width: 1170px; max-width: (@screen-large-desktop - @grid-gutter-width);
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment