From 21441f129259b17c6112d923dc93d4fc4577e49b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jun 2013 15:33:42 -0700 Subject: [PATCH] Move the grid offset, push, and pull classes to be tablets-up instead of desktop-up --- docs/assets/css/bootstrap.css | 72 +++++++++++++++++------------------ less/grid.less | 30 +++++++-------- 2 files changed, 51 insertions(+), 51 deletions(-) diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 938ddc14b3..fb11fc29ca 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -883,42 +883,6 @@ pre code { .col-md-11 { width: 0.9166666666666666; } -} - -@media (min-width: 992px) { - .col-lg-1 { - width: 8.333333333333332%; - } - .col-lg-2 { - width: 16.666666666666664%; - } - .col-lg-3 { - width: 25%; - } - .col-lg-4 { - width: 33.33333333333333%; - } - .col-lg-5 { - width: 41.66666666666667%; - } - .col-lg-6 { - width: 50%; - } - .col-lg-7 { - width: 58.333333333333336%; - } - .col-lg-8 { - width: 66.66666666666666%; - } - .col-lg-9 { - width: 75%; - } - .col-lg-10 { - width: 83.33333333333334%; - } - .col-lg-11 { - width: 91.66666666666666%; - } .col-offset-1 { margin-left: 8.333333333333332%; } @@ -1020,6 +984,42 @@ pre code { } } +@media (min-width: 992px) { + .col-lg-1 { + width: 8.333333333333332%; + } + .col-lg-2 { + width: 16.666666666666664%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-4 { + width: 33.33333333333333%; + } + .col-lg-5 { + width: 41.66666666666667%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-7 { + width: 58.333333333333336%; + } + .col-lg-8 { + width: 66.66666666666666%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-10 { + width: 83.33333333333334%; + } + .col-lg-11 { + width: 91.66666666666666%; + } +} + @media screen and (min-width: 768px) { .container { max-width: 728px; diff --git a/less/grid.less b/less/grid.less index 23aa069e3a..82b7b60c8c 100644 --- a/less/grid.less +++ b/less/grid.less @@ -75,21 +75,6 @@ .col-md-9 { width: (9 / @grid-columns); } .col-md-10 { width: (10/ @grid-columns); } .col-md-11 { width: (11/ @grid-columns); } -} - -@media (min-width: @screen-desktop) { - // Large columns (desktop and up) - .col-lg-1 { width: percentage(1 / @grid-columns); } - .col-lg-2 { width: percentage(2 / @grid-columns); } - .col-lg-3 { width: percentage(3 / @grid-columns); } - .col-lg-4 { width: percentage(4 / @grid-columns); } - .col-lg-5 { width: percentage(5 / @grid-columns); } - .col-lg-6 { width: percentage(6 / @grid-columns); } - .col-lg-7 { width: percentage(7 / @grid-columns); } - .col-lg-8 { width: percentage(8 / @grid-columns); } - .col-lg-9 { width: percentage(9 / @grid-columns); } - .col-lg-10 { width: percentage(10/ @grid-columns); } - .col-lg-11 { width: percentage(11/ @grid-columns); } // Offsets .col-offset-1 { margin-left: percentage(1 / @grid-columns); } @@ -130,6 +115,21 @@ .col-pull-11 { right: percentage(11/ @grid-columns); } } +@media (min-width: @screen-desktop) { + // Large columns (desktop and up) + .col-lg-1 { width: percentage(1 / @grid-columns); } + .col-lg-2 { width: percentage(2 / @grid-columns); } + .col-lg-3 { width: percentage(3 / @grid-columns); } + .col-lg-4 { width: percentage(4 / @grid-columns); } + .col-lg-5 { width: percentage(5 / @grid-columns); } + .col-lg-6 { width: percentage(6 / @grid-columns); } + .col-lg-7 { width: percentage(7 / @grid-columns); } + .col-lg-8 { width: percentage(8 / @grid-columns); } + .col-lg-9 { width: percentage(9 / @grid-columns); } + .col-lg-10 { width: percentage(10/ @grid-columns); } + .col-lg-11 { width: percentage(11/ @grid-columns); } +} + // Responsive: Tablets and up @media screen and (min-width: @screen-tablet) { .container {