diff options
Diffstat (limited to 'less')
| -rw-r--r-- | less/grid.less | 44 |
1 files changed, 22 insertions, 22 deletions
diff --git a/less/grid.less b/less/grid.less index 82b7b60c8..d2b9a4e70 100644 --- a/less/grid.less +++ b/less/grid.less @@ -50,31 +50,31 @@ // Grid column sizing // Small columns (phones and up) -.col-1 { width: (1 / @grid-columns); } -.col-2 { width: (2 / @grid-columns); } -.col-3 { width: (3 / @grid-columns); } -.col-4 { width: (4 / @grid-columns); } -.col-5 { width: (5 / @grid-columns); } -.col-6 { width: (6 / @grid-columns); } -.col-7 { width: (7 / @grid-columns); } -.col-8 { width: (8 / @grid-columns); } -.col-9 { width: (9 / @grid-columns); } -.col-10 { width: (10/ @grid-columns); } -.col-11 { width: (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: (1 / @grid-columns); } - .col-md-2 { width: (2 / @grid-columns); } - .col-md-3 { width: (3 / @grid-columns); } - .col-md-4 { width: (4 / @grid-columns); } - .col-md-5 { width: (5 / @grid-columns); } - .col-md-6 { width: (6 / @grid-columns); } - .col-md-7 { width: (7 / @grid-columns); } - .col-md-8 { width: (8 / @grid-columns); } - .col-md-9 { width: (9 / @grid-columns); } - .col-md-10 { width: (10/ @grid-columns); } - .col-md-11 { width: (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); } |