style(components): consistent line breaks with mixin args

core/src/components/button/button.scss

@@ -98,19 +98,9 @@
 .button-native {
   @include font-smoothing();
   @include border-radius(var(--border-radius));
-  @include margin(
+  @include margin(var(--margin-top), var(--margin-end), var(--margin-bottom), var(--margin-start));
-    var(--margin-top),
-    var(--margin-end),
-    var(--margin-bottom),
-    var(--margin-start)
-  );
 
-  @include padding(
+  @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
-    var(--padding-top),
-    var(--padding-end),
-    var(--padding-bottom),
-    var(--padding-start)
-  );
 
   position: relative;
   z-index: 0;

core/src/components/content/content.scss

@@ -37,12 +37,8 @@
 }
 
 .scroll-inner {
-  @include padding(
+  @include padding(var(--padding-top), var(--padding-end), calc(var(--padding-bottom) + var(--keyboard-offset)), var(--padding-start));
-    var(--padding-top),
+
-    var(--padding-end),
-    calc(var(--padding-bottom) + var(--keyboard-offset)),
-    var(--padding-start)
-  );
   min-height: 100%;
   box-sizing: border-box;
   -webkit-margin-collapse: discard;

core/src/components/fab-button/fab-button.scss

@@ -26,14 +26,10 @@
 }
 
 .fab-button-native {
-  @include margin(
-    var(--padding-top),
-    var(--padding-end),
-    var(--padding-bottom),
-    var(--padding-start)
-  );
-  text-align: center;
   @include border-radius(50%);
+  @include margin(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
+
+  text-align: center;
 
   position: relative;
   z-index: 0;

core/src/components/input/input.scss

@@ -28,12 +28,7 @@
 .native-input {
   @include border-radius(var(--border-radius));
 
-  @include padding(
+  @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
-    var(--padding-top),
-    var(--padding-end),
-    var(--padding-bottom),
-    var(--padding-start)
-  );
 
   box-sizing: border-box;
   display: inline-block;

core/src/components/item/item.scss

@@ -60,12 +60,7 @@
 
 
 .item-native {
-  @include padding(
+  @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
-    var(--padding-top),
-    var(--padding-end),
-    var(--padding-bottom),
-    var(--padding-start)
-  );
   @include border-radius(var(--border-radius));
 
   @include margin(0);
@@ -109,12 +104,7 @@
 
 .item-inner {
   @include margin(0);
-  @include padding(
+  @include padding(var(--inner-padding-top), var(--inner-padding-end), var(--inner-padding-bottom), var(--inner-padding-start));
-    var(--inner-padding-top),
-    var(--inner-padding-end),
-    var(--inner-padding-bottom),
-    var(--inner-padding-start)
-  );
 
   box-sizing: border-box;
 

core/src/components/picker/picker.ios.scss

@@ -81,11 +81,7 @@
 }
 
 .picker-ios .picker-opt {
-  @include padding(
+  @include padding($picker-ios-option-padding-top, $picker-ios-option-padding-end, $picker-ios-option-padding-bottom, $picker-ios-option-padding-start);
-    $picker-ios-option-padding-top,
-    $picker-ios-option-padding-end,
-    $picker-ios-option-padding-bottom,
-    $picker-ios-option-padding-start);
   @include margin(0);
   @include transform-origin(center, center);
 

core/src/components/tab-button/tab-button.ios.scss

@@ -12,11 +12,7 @@
 }
 
 .tab-button-native {
-  @include padding(
+  @include padding($tab-button-ios-padding-top, $tab-button-ios-padding-end, $tab-button-ios-padding-bottom, $tab-button-ios-padding-start);
-    $tab-button-ios-padding-top,
-    $tab-button-ios-padding-end,
-    $tab-button-ios-padding-bottom,
-    $tab-button-ios-padding-start);
 }
 
 .tab-button-text {

core/src/components/textarea/textarea.scss

@@ -35,12 +35,7 @@
   @include border-radius(var(--border-radius));
   @include placeholder(var(--placeholder-color));
   @include margin(0);
-  @include padding(
+  @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start));
-    var(--padding-top),
-    var(--padding-end),
-    var(--padding-bottom),
-    var(--padding-start)
-  );
 
   box-sizing: border-box;
   display: block;