prep for less 1.4 with double parens in functions

diff --git a/less/grid.less b/less/grid.less
index d2b9a4e70a546f66e2a3aafdba7c68426f75eabe..d4320c4188274d75d21bf7142540f11c12db72a2 100644 (file)
--- 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