javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 19:57:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

style(components): consistent line breaks with mixin args

Browse Source
This commit is contained in:
Brandy Carney
2018-07-10 16:13:52 -04:00
parent e131d55e0f
commit 6b29507f0e
8 changed files with 13 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
core/src/components/button/button.scss
View File

@ -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;

8
core/src/components/content/content.scss
View File

@ -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;

10
core/src/components/fab-button/fab-button.scss
View File

@ -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;

7
core/src/components/input/input.scss
View File

@ -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;

14
core/src/components/item/item.scss
View File

@ -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;

6
core/src/components/picker/picker.ios.scss
View File

@ -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);

6
core/src/components/tab-button/tab-button.ios.scss
View File

@ -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 {

7
core/src/components/textarea/textarea.scss
View File

@ -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;