diff options
Diffstat (limited to 'less')
| -rw-r--r-- | less/grid.less | 2 | ||||
| -rw-r--r-- | less/variables.less | 10 |
2 files changed, 7 insertions, 5 deletions
diff --git a/less/grid.less b/less/grid.less index 395a7947f..5142feb65 100644 --- a/less/grid.less +++ b/less/grid.less @@ -92,7 +92,7 @@ .col-12 { width: 100%; } // Small device columns (phones to tablets) -@media (min-width: @screen-tablet) { +@media (min-width: @screen-tablet) and (max-width: @screen-tablet-max) { .container { max-width: @container-tablet; } diff --git a/less/variables.less b/less/variables.less index 27b13c3ab..06e1095dc 100644 --- a/less/variables.less +++ b/less/variables.less @@ -197,14 +197,16 @@ @screen-medium: 992px; @screen-desktop: @screen-medium; -// So media queries don't overlap when required, provide a maximum -@screen-small-max: (@screen-medium - 1); -@screen-tablet-max: @screen-small-max; - // Large screen / wide desktop @screen-large: 1200px; @screen-large-desktop: @screen-large; +// So media queries don't overlap when required, provide a maximum +@screen-small-max: (@screen-medium - 1); +@screen-tablet-max: (@screen-desktop - 1); +@screen-desktop-max: (@screen-large-desktop - 1); + + // Grid system // -------------------------------------------------- |