diff --git a/core/src/components/button/button.scss b/core/src/components/button/button.scss index df32c71b52..2089444995 100644 --- a/core/src/components/button/button.scss +++ b/core/src/components/button/button.scss @@ -98,19 +98,9 @@ .button-native { @include font-smoothing(); @include border-radius(var(--border-radius)); - @include margin( - var(--margin-top), - var(--margin-end), - var(--margin-bottom), - var(--margin-start) - ); + @include margin(var(--margin-top), var(--margin-end), var(--margin-bottom), var(--margin-start)); - @include padding( - var(--padding-top), - var(--padding-end), - var(--padding-bottom), - var(--padding-start) - ); + @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start)); position: relative; z-index: 0; diff --git a/core/src/components/content/content.scss b/core/src/components/content/content.scss index b277956ef7..333019ea42 100644 --- a/core/src/components/content/content.scss +++ b/core/src/components/content/content.scss @@ -37,12 +37,8 @@ } .scroll-inner { - @include padding( - var(--padding-top), - var(--padding-end), - calc(var(--padding-bottom) + var(--keyboard-offset)), - var(--padding-start) - ); + @include padding(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; diff --git a/core/src/components/fab-button/fab-button.scss b/core/src/components/fab-button/fab-button.scss index 7302ea172d..8087205b64 100755 --- a/core/src/components/fab-button/fab-button.scss +++ b/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; diff --git a/core/src/components/input/input.scss b/core/src/components/input/input.scss index b0f7193c82..7f0291ab54 100644 --- a/core/src/components/input/input.scss +++ b/core/src/components/input/input.scss @@ -28,12 +28,7 @@ .native-input { @include border-radius(var(--border-radius)); - @include padding( - var(--padding-top), - var(--padding-end), - var(--padding-bottom), - var(--padding-start) - ); + @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start)); box-sizing: border-box; display: inline-block; diff --git a/core/src/components/item/item.scss b/core/src/components/item/item.scss index 4ced74382d..cd6a6f8ed8 100644 --- a/core/src/components/item/item.scss +++ b/core/src/components/item/item.scss @@ -60,12 +60,7 @@ .item-native { - @include padding( - var(--padding-top), - var(--padding-end), - var(--padding-bottom), - var(--padding-start) - ); + @include padding(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( - var(--inner-padding-top), - var(--inner-padding-end), - var(--inner-padding-bottom), - var(--inner-padding-start) - ); + @include padding(var(--inner-padding-top), var(--inner-padding-end), var(--inner-padding-bottom), var(--inner-padding-start)); box-sizing: border-box; diff --git a/core/src/components/picker/picker.ios.scss b/core/src/components/picker/picker.ios.scss index c1aa4ed39f..44893b2d5b 100644 --- a/core/src/components/picker/picker.ios.scss +++ b/core/src/components/picker/picker.ios.scss @@ -81,11 +81,7 @@ } .picker-ios .picker-opt { - @include padding( - $picker-ios-option-padding-top, - $picker-ios-option-padding-end, - $picker-ios-option-padding-bottom, - $picker-ios-option-padding-start); + @include padding($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); diff --git a/core/src/components/tab-button/tab-button.ios.scss b/core/src/components/tab-button/tab-button.ios.scss index 6544025e88..508b522ef1 100644 --- a/core/src/components/tab-button/tab-button.ios.scss +++ b/core/src/components/tab-button/tab-button.ios.scss @@ -12,11 +12,7 @@ } .tab-button-native { - @include padding( - $tab-button-ios-padding-top, - $tab-button-ios-padding-end, - $tab-button-ios-padding-bottom, - $tab-button-ios-padding-start); + @include padding($tab-button-ios-padding-top, $tab-button-ios-padding-end, $tab-button-ios-padding-bottom, $tab-button-ios-padding-start); } .tab-button-text { diff --git a/core/src/components/textarea/textarea.scss b/core/src/components/textarea/textarea.scss index 6e93b9d5a1..b39316069b 100644 --- a/core/src/components/textarea/textarea.scss +++ b/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( - var(--padding-top), - var(--padding-end), - var(--padding-bottom), - var(--padding-start) - ); + @include padding(var(--padding-top), var(--padding-end), var(--padding-bottom), var(--padding-start)); box-sizing: border-box; display: block;