diff options
| author | Mark Otto <[email protected]> | 2013-08-24 14:00:52 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-08-24 14:00:52 -0700 |
| commit | 5491d53b99c3dfa54622ca0d0bba52206c883a14 (patch) | |
| tree | 01c8ef24318ee3125db2d8937f7a56a35772c37b /less | |
| parent | c0b00f22fe47447155265a20d746889d92918d99 (diff) | |
| download | bootstrap-5491d53b99c3dfa54622ca0d0bba52206c883a14.tar.xz bootstrap-5491d53b99c3dfa54622ca0d0bba52206c883a14.zip | |
Deprecate container-{device} vars for container-{size} classes; updates customizer and grid to do the same
Diffstat (limited to 'less')
| -rw-r--r-- | less/grid.less | 8 | ||||
| -rw-r--r-- | less/variables.less | 9 |
2 files changed, 10 insertions, 7 deletions
diff --git a/less/grid.less b/less/grid.less index d3a3cf6bc..ef6f1ebda 100644 --- a/less/grid.less +++ b/less/grid.less @@ -116,7 +116,7 @@ @media (min-width: @screen-sm) { .container { - max-width: @container-tablet; + max-width: @container-sm; } .col-sm-1, @@ -194,7 +194,7 @@ @media (min-width: @screen-md) { .container { - max-width: @container-desktop; + max-width: @container-md; } .col-md-1, .col-md-2, @@ -272,9 +272,9 @@ // Note that `.col-lg-12` doesn't get floated on purpose—there's no need since // it's full-width. -@media (min-width: @screen-lg-desktop) { +@media (min-width: @screen-lg-min) { .container { - max-width: @container-lg-desktop; + max-width: @container-lg; } .col-lg-1, diff --git a/less/variables.less b/less/variables.less index 7dff919c3..8927d70ff 100644 --- a/less/variables.less +++ b/less/variables.less @@ -626,10 +626,13 @@ // -------------------------------------------------- // Small screen / tablet -@container-tablet: ((720px + @grid-gutter-width)); +@container-sm: ((720px + @grid-gutter-width)); +@container-tablet: @container-sm; // Medium screen / desktop -@container-desktop: ((940px + @grid-gutter-width)); +@container-md: ((940px + @grid-gutter-width)); +@container-desktop: @container-md; // Large screen / wide desktop -@container-lg-desktop: ((1140px + @grid-gutter-width)); +@container-lg: ((1140px + @grid-gutter-width)); +@container-large-desktop: @container-lg; |