diff --git a/less/grid.less b/less/grid.less index d2b9a4e70a..d4320c4188 100644 --- a/less/grid.less +++ b/less/grid.less @@ -50,84 +50,84 @@ // Grid column sizing // Small columns (phones and up) -.col-1 { width: percentage(1 / @grid-columns); } -.col-2 { width: percentage(2 / @grid-columns); } -.col-3 { width: percentage(3 / @grid-columns); } -.col-4 { width: percentage(4 / @grid-columns); } -.col-5 { width: percentage(5 / @grid-columns); } -.col-6 { width: percentage(6 / @grid-columns); } -.col-7 { width: percentage(7 / @grid-columns); } -.col-8 { width: percentage(8 / @grid-columns); } -.col-9 { width: percentage(9 / @grid-columns); } -.col-10 { width: percentage(10/ @grid-columns); } -.col-11 { width: percentage(11/ @grid-columns); } +.col-1 { width: percentage((1 / @grid-columns)); } +.col-2 { width: percentage((2 / @grid-columns)); } +.col-3 { width: percentage((3 / @grid-columns)); } +.col-4 { width: percentage((4 / @grid-columns)); } +.col-5 { width: percentage((5 / @grid-columns)); } +.col-6 { width: percentage((6 / @grid-columns)); } +.col-7 { width: percentage((7 / @grid-columns)); } +.col-8 { width: percentage((8 / @grid-columns)); } +.col-9 { width: percentage((9 / @grid-columns)); } +.col-10 { width: percentage((10/ @grid-columns)); } +.col-11 { width: percentage((11/ @grid-columns)); } // Medium columns (tablets and up) @media (min-width: @screen-tablet) { - .col-md-1 { width: percentage(1 / @grid-columns); } - .col-md-2 { width: percentage(2 / @grid-columns); } - .col-md-3 { width: percentage(3 / @grid-columns); } - .col-md-4 { width: percentage(4 / @grid-columns); } - .col-md-5 { width: percentage(5 / @grid-columns); } - .col-md-6 { width: percentage(6 / @grid-columns); } - .col-md-7 { width: percentage(7 / @grid-columns); } - .col-md-8 { width: percentage(8 / @grid-columns); } - .col-md-9 { width: percentage(9 / @grid-columns); } - .col-md-10 { width: percentage(10/ @grid-columns); } - .col-md-11 { width: percentage(11/ @grid-columns); } + .col-md-1 { width: percentage((1 / @grid-columns)); } + .col-md-2 { width: percentage((2 / @grid-columns)); } + .col-md-3 { width: percentage((3 / @grid-columns)); } + .col-md-4 { width: percentage((4 / @grid-columns)); } + .col-md-5 { width: percentage((5 / @grid-columns)); } + .col-md-6 { width: percentage((6 / @grid-columns)); } + .col-md-7 { width: percentage((7 / @grid-columns)); } + .col-md-8 { width: percentage((8 / @grid-columns)); } + .col-md-9 { width: percentage((9 / @grid-columns)); } + .col-md-10 { width: percentage((10/ @grid-columns)); } + .col-md-11 { width: percentage((11/ @grid-columns)); } // Offsets - .col-offset-1 { margin-left: percentage(1 / @grid-columns); } - .col-offset-2 { margin-left: percentage(2 / @grid-columns); } - .col-offset-3 { margin-left: percentage(3 / @grid-columns); } - .col-offset-4 { margin-left: percentage(4 / @grid-columns); } - .col-offset-5 { margin-left: percentage(5 / @grid-columns); } - .col-offset-6 { margin-left: percentage(6 / @grid-columns); } - .col-offset-7 { margin-left: percentage(7 / @grid-columns); } - .col-offset-8 { margin-left: percentage(8 / @grid-columns); } - .col-offset-9 { margin-left: percentage(9 / @grid-columns); } - .col-offset-10 { margin-left: percentage(10/ @grid-columns); } - .col-offset-11 { margin-left: percentage(11/ @grid-columns); } + .col-offset-1 { margin-left: percentage((1 / @grid-columns)); } + .col-offset-2 { margin-left: percentage((2 / @grid-columns)); } + .col-offset-3 { margin-left: percentage((3 / @grid-columns)); } + .col-offset-4 { margin-left: percentage((4 / @grid-columns)); } + .col-offset-5 { margin-left: percentage((5 / @grid-columns)); } + .col-offset-6 { margin-left: percentage((6 / @grid-columns)); } + .col-offset-7 { margin-left: percentage((7 / @grid-columns)); } + .col-offset-8 { margin-left: percentage((8 / @grid-columns)); } + .col-offset-9 { margin-left: percentage((9 / @grid-columns)); } + .col-offset-10 { margin-left: percentage((10/ @grid-columns)); } + .col-offset-11 { margin-left: percentage((11/ @grid-columns)); } // Push and pull columns for source order changes - .col-push-1 { left: percentage(1 / @grid-columns); } - .col-push-2 { left: percentage(2 / @grid-columns); } - .col-push-3 { left: percentage(3 / @grid-columns); } - .col-push-4 { left: percentage(4 / @grid-columns); } - .col-push-5 { left: percentage(5 / @grid-columns); } - .col-push-6 { left: percentage(6 / @grid-columns); } - .col-push-7 { left: percentage(7 / @grid-columns); } - .col-push-8 { left: percentage(8 / @grid-columns); } - .col-push-9 { left: percentage(9 / @grid-columns); } - .col-push-10 { left: percentage(10/ @grid-columns); } - .col-push-11 { left: percentage(11/ @grid-columns); } + .col-push-1 { left: percentage((1 / @grid-columns)); } + .col-push-2 { left: percentage((2 / @grid-columns)); } + .col-push-3 { left: percentage((3 / @grid-columns)); } + .col-push-4 { left: percentage((4 / @grid-columns)); } + .col-push-5 { left: percentage((5 / @grid-columns)); } + .col-push-6 { left: percentage((6 / @grid-columns)); } + .col-push-7 { left: percentage((7 / @grid-columns)); } + .col-push-8 { left: percentage((8 / @grid-columns)); } + .col-push-9 { left: percentage((9 / @grid-columns)); } + .col-push-10 { left: percentage((10/ @grid-columns)); } + .col-push-11 { left: percentage((11/ @grid-columns)); } - .col-pull-1 { right: percentage(1 / @grid-columns); } - .col-pull-2 { right: percentage(2 / @grid-columns); } - .col-pull-3 { right: percentage(3 / @grid-columns); } - .col-pull-4 { right: percentage(4 / @grid-columns); } - .col-pull-5 { right: percentage(5 / @grid-columns); } - .col-pull-6 { right: percentage(6 / @grid-columns); } - .col-pull-7 { right: percentage(7 / @grid-columns); } - .col-pull-8 { right: percentage(8 / @grid-columns); } - .col-pull-9 { right: percentage(9 / @grid-columns); } - .col-pull-10 { right: percentage(10/ @grid-columns); } - .col-pull-11 { right: percentage(11/ @grid-columns); } + .col-pull-1 { right: percentage((1 / @grid-columns)); } + .col-pull-2 { right: percentage((2 / @grid-columns)); } + .col-pull-3 { right: percentage((3 / @grid-columns)); } + .col-pull-4 { right: percentage((4 / @grid-columns)); } + .col-pull-5 { right: percentage((5 / @grid-columns)); } + .col-pull-6 { right: percentage((6 / @grid-columns)); } + .col-pull-7 { right: percentage((7 / @grid-columns)); } + .col-pull-8 { right: percentage((8 / @grid-columns)); } + .col-pull-9 { right: percentage((9 / @grid-columns)); } + .col-pull-10 { right: percentage((10/ @grid-columns)); } + .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); } + .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