refactoring - transition + media queries - bug with icon and princing grid

sites/all/themes/gui/materiobasetheme/scss/gui.scss

@@ -113,10 +113,10 @@ $red:#E60000;
 }
 
 // Background
-@mixin bg($color, $url, $repeat, $scrollfixed, $pos){background: $arguments;}
-@mixin bgc($color){background-color: $arguments;}
-@mixin bkgd($params){background: $arguments;}
-@mixin bkgdc($color){@include bgc($arguments);}
+@mixin bg($color, $url, $repeat, $scrollfixed, $pos){background: $color, $url, $repeat, $scrollfixed, $pos;}
+@mixin bgc($color){background-color: $color;}
+@mixin bkgd($params){background: $params;}
+@mixin bkgdc($color){@include bgc($color);}
 
 @mixin bgca($r, $g, $b, $a){
   background-color: rgb($r, $g, $b); // ie8
@@ -366,9 +366,9 @@ $g:0;
 }
 @mixin border-radius($topleft: 0, $topright: 0, $bottomright: 0, $bottomleft: 0)
 {
-	-webkit-border-radius:$arguments;
-	   -moz-border-radius:$arguments;
-	        border-radius:$arguments;
+	-webkit-border-radius:$topleft $topright $bottomright $bottomleft;
+	   -moz-border-radius:$topleft $topright $bottomright $bottomleft;
+	        border-radius:$topleft $topright $bottomright $bottomleft;
   -webkit-background-clip: padding-box;
      -moz-background-clip: padding;
           background-clip: padding-box; 
@@ -404,29 +404,28 @@ $g:0;
 // $duration: 1s;
 // $transitiondelay:0s;
 // $timingfunction: "ease-out";
-@mixin transition($property)
+@mixin transition($property:all)
 {
   -webkit-transition: $property;
      -moz-transition: $property;
        -o-transition: $property;
           transition: $property;
 }
-$arguments:("all", 0s);
-@mixin transition($arguments)
+
+@mixin transition($property:all, $speed:1s)
 {
-  -webkit-transition: $arguments;
-     -moz-transition: $arguments;
-       -o-transition: $arguments;
-          transition: $arguments;
+  -webkit-transition: $property, $speed;
+     -moz-transition: $property, $speed;
+       -o-transition: $property, $speed;
+          transition: $property, $speed;
 }
-//$parameters:($property, $duration, $transitiondelay, "ease-out");
-$parameters:("all", 0s, "ease-out");
-@mixin transition($parameters)
+
+@mixin transition($property:all, $speed:1s, $ease:ease-out)
 {
-  -webkit-transition: $parameters;
-     -moz-transition: $parameters;
-       -o-transition: $parameters;
-          transition: $parameters;
+  -webkit-transition: $property, $speed, $ease;
+     -moz-transition: $property, $speed, $ease;
+       -o-transition: $property, $speed, $ease;
+          transition: $property, $speed, $ease;
 }
 @mixin transitions($property: all, $duration:0s, $transitiondelay:0s, $timingfunction:ease-out)
 {