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

fix(react): add class based APIs (#16665)

Browse Source 
fixes #16583
This commit is contained in:
Manu MA
2018-12-11 01:08:00 +01:00
committed by GitHub
parent 64557a7bcc
commit 2933f61e8d
32 changed files with 117 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
core/src/css/padding.scss
View File

@ -13,6 +13,7 @@ $margin: var(--ion-margin, 16px);
// Padding
// --------------------------------------------------
.ion-no-padding,
[no-padding] {
--padding-start: 0;
--padding-end: 0;
@ -22,6 +23,7 @@ $margin: var(--ion-margin, 16px);
@include padding(0);
}
.ion-padding,
[padding] {
--padding-start: #{$padding};
--padding-end: #{$padding};
@ -31,30 +33,35 @@ $margin: var(--ion-margin, 16px);
@include padding($padding);
}
.ion-padding-top,
[padding-top] {
--padding-top: #{$padding};
@include padding($padding, null, null, null);
}
.ion-padding-start,
[padding-start] {
--padding-start: #{$padding};
@include padding-horizontal($padding, null);
}
.ion-padding-end,
[padding-end] {
--padding-end: #{$padding};
@include padding-horizontal(null, $padding);
}
.ion-padding-bottom,
[padding-bottom] {
--padding-bottom: #{$padding};
@include padding(null, null, $padding, null);
}
.ion-padding-vertical,
[padding-vertical] {
--padding-top: #{$padding};
--padding-bottom: #{$padding};
@ -62,6 +69,7 @@ $margin: var(--ion-margin, 16px);
@include padding($padding, null, $padding, null);
}
.ion-padding-horizontal,
[padding-horizontal] {
--padding-start: #{$padding};
--padding-end: #{$padding};
@ -73,6 +81,7 @@ $margin: var(--ion-margin, 16px);
// Margin
// --------------------------------------------------
.ion-no-margin,
[no-margin] {
--margin-start: 0;
--margin-end: 0;
@ -82,6 +91,7 @@ $margin: var(--ion-margin, 16px);
@include margin(0);
}
.ion-margin,
[margin] {
--margin-start: #{$margin};
--margin-end: #{$margin};
@ -91,31 +101,35 @@ $margin: var(--ion-margin, 16px);
@include margin($margin);
}
.ion-margin-top,
[margin-top] {
--margin-top: #{$margin};
@include margin($margin, null, null, null);
}
.ion-margin-start,
[margin-start] {
--margin-start: #{$margin};
@include margin-horizontal($margin, null);
}
.ion-margin-end,
[margin-end] {
--margin-end: #{$margin};
@include margin-horizontal(null, $margin);
}
.ion-margin-bottom,
[margin-bottom] {
--margin-bottom: #{$margin};
@include margin(null, null, $margin, null);
}
.ion-margin-vertical,
[margin-vertical] {
--margin-top: #{$margin};
--margin-bottom: #{$margin};
@ -123,6 +137,7 @@ $margin: var(--ion-margin, 16px);
@include margin($margin, null, $margin, null);
}
.ion-margin-horizontal,
[margin-horizontal] {
--margin-start: #{$margin};
--margin-end: #{$margin};