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

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] {
--margin-start: 0;
--margin-end: 0;
--margin-top: 0;
--margin-bottom: 0;
@include margin(0);
}
[margin] {
--margin-start: #{$margin};
--margin-end: #{$margin};
--margin-top: #{$margin};
--margin-bottom: #{$margin};
@include margin($margin);
}
[margin-top] {
--margin-top: #{$margin};
@include margin($margin, null, null, null);
}
[margin-left] {
/* stylelint-disable-next-line property-blacklist */
margin-left: $margin;
}
[margin-start] {
--margin-start: #{$margin};
@include margin-horizontal($margin, null);
}
[margin-right] {
/* stylelint-disable-next-line property-blacklist */
margin-right: $margin;
}
[margin-end] {
--margin-end: #{$margin};
@include margin-horizontal(null, $margin);
}
[margin-bottom] {
--margin-bottom: #{$margin};
@include margin(null, null, $margin, null);
}
[margin-vertical] {
--margin-top: #{$margin};
--margin-bottom: #{$margin};
@include margin($margin, null, $margin, null);
}
[margin-horizontal] {
--margin-start: #{$margin};
--margin-end: #{$margin};
@include margin-horizontal($margin);
}