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

fix(margin): adds css variables

Browse Source 
fixes #14798
fixes #14826
This commit is contained in:
Manu Mtz.-Almeida
2018-07-24 00:48:03 +02:00
parent 4eab209d18
commit f6c8f3f993
1 changed files with 24 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -74,43 +74,58 @@ $margin: var(--ion-margin, 16px);
// -------------------------------------------------- // --------------------------------------------------
[no-margin] { [no-margin] {
--margin-start: 0;
--margin-end: 0;
--margin-top: 0;
--margin-bottom: 0;
@include margin(0); @include margin(0);
} }
[margin] { [margin] {
--margin-start: #{$margin};
--margin-end: #{$margin};
--margin-top: #{$margin};
--margin-bottom: #{$margin};
@include margin($margin); @include margin($margin);
} }
[margin-top] { [margin-top] {
--margin-top: #{$margin};
@include margin($margin, null, null, null); @include margin($margin, null, null, null);
} }
[margin-left] {
/* stylelint-disable-next-line property-blacklist */
margin-left: $margin;
}
[margin-start] { [margin-start] {
--margin-start: #{$margin};
@include margin-horizontal($margin, null); @include margin-horizontal($margin, null);
} }
[margin-right] {
/* stylelint-disable-next-line property-blacklist */
margin-right: $margin;
}
[margin-end] { [margin-end] {
--margin-end: #{$margin};
@include margin-horizontal(null, $margin); @include margin-horizontal(null, $margin);
} }
[margin-bottom] { [margin-bottom] {
--margin-bottom: #{$margin};
@include margin(null, null, $margin, null); @include margin(null, null, $margin, null);
} }
[margin-vertical] { [margin-vertical] {
--margin-top: #{$margin};
--margin-bottom: #{$margin};
@include margin($margin, null, $margin, null); @include margin($margin, null, $margin, null);
} }
[margin-horizontal] { [margin-horizontal] {
--margin-start: #{$margin};
--margin-end: #{$margin};
@include margin-horizontal($margin); @include margin-horizontal($margin);
} }