fix(margin): adds css variables

fixes #14798 fixes #14826
ionic-team · Jul 23, 2018 · f6c8f3f · f6c8f3f
1 parent 4eab209
commit f6c8f3f
Showing 1 changed file with 24 additions and 9 deletions.
diff --git a/core/src/css/padding.scss b/core/src/css/padding.scss
@@ -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] {
-  @include margin-horizontal($margin, null);
-}
+  --margin-start: #{$margin};
 
-[margin-right] {
-  /* stylelint-disable-next-line property-blacklist */
-  margin-right: $margin;
+  @include margin-horizontal($margin, null);
 }
 
 [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);
 }