fixed positioning of icon pip for multi line split buttons

diff --git a/scss/foundation/components/_split-buttons.scss b/scss/foundation/components/_split-buttons.scss
index f0e1c4068f5e8ef124914df1f5514ae0952b5684..49f0b650862e61e724ce1f2a9bb50c8d5534a5a0 100644 (file)
--- a/scss/foundation/components/_split-buttons.scss
+++ b/scss/foundation/components/_split-buttons.scss
@@ -188,10 +188,14 @@ $split-button-pip-default-float-lrg: rem-calc(-6) !default;
       &.no-pip{
         span:before{ border-style:none; }
         span:after{ border-style:none; }
-        span{padding-top:$split-button-pip-top-med;}
-        &.tiny{ span{ padding-top:$split-button-pip-top-tny; } }
-        &.small{ span{ padding-top:$split-button-pip-top-sml; } }
-        &.large{ span{ padding-top:$split-button-pip-top-lrg; } }
+        span>i{
+          top: 50%;
+          display: block;
+          position: absolute;
+          left: 50%;
+          margin-left: -0.28889em;
+          margin-top: -0.48889em;
+        }
       }
     }