This is a native sass function, browser independend.

diff --git a/scss/foundation/components/_icon-bar.scss b/scss/foundation/components/_icon-bar.scss
index a4641c8e8b6b25da992490136a9c51cb44f7b66b..c35dcb2ccdf8cc5697cf3aca9882874e747c86d0 100644 (file)
--- a/scss/foundation/components/_icon-bar.scss
+++ b/scss/foundation/components/_icon-bar.scss
@@ -230,16 +230,16 @@ $icon-bar-item-padding: 1.25rem !default;
                }
 
                // Counts
-               &.two-up .item          { width: calc(100% / 2); }
-               &.three-up .item        { width: calc(100% / 3); }
-               &.four-up .item         { width: calc(100% / 4); }
-               &.five-up .item         { width: calc(100% / 5); }
-               &.six-up .item          { width: calc(100% / 6); }
-               &.seven-up .item        { width: calc(100% / 7); }
-               &.eight-up .item        { width: calc(100% / 8); }
-               &.nine-up .item         { width: calc(100% / 9); }
-               &.ten-up .item          { width: calc(100% / 10); }
-               &.eleven-up .item { width: calc(100% / 11); }
-               &.twelve-up .item { width: calc(100% / 12); }
+               &.two-up .item          { width: percentage(1 / 2); }
+               &.three-up .item        { width: percentage(1 / 3); }
+               &.four-up .item         { width: percentage(1 / 4); }
+               &.five-up .item         { width: percentage(1 / 5); }
+               &.six-up .item          { width: percentage(1 / 6); }
+               &.seven-up .item        { width: percentage(1 / 7); }
+               &.eight-up .item        { width: percentage(1 / 8); }
+               &.nine-up .item         { width: percentage(1 / 9); }
+               &.ten-up .item          { width: percentage(1 / 10); }
+               &.eleven-up .item { width: percentage(1 / 11); }
+               &.twelve-up .item { width: percentage(1 / 12); }
        }
 }
\ No newline at end of file