diff options
| -rw-r--r-- | less/grid.less | 6 | ||||
| -rw-r--r-- | less/variables.less | 13 |
2 files changed, 16 insertions, 3 deletions
diff --git a/less/grid.less b/less/grid.less index 1be9dfd18..6d5a8e345 100644 --- 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 9cd8f830b..97aac8395 100644 --- 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 // -------------------------------------------------- |