fix(layout): allow flex-offset to be a child of layout-margin (#11330)

bersLucas · jelbourn · commit 81eb46f10876 · 2018-06-22T08:25:57.000-07:00
diff --git a/src/core/style/layout.scss b/src/core/style/layout.scss
@@ -45,7 +45,7 @@
       @if $s != '' { $suffix : '#{$s}-#{$i * 5}'; }
       @else        { $suffix : '#{$i * 5}';       }
 
-      $offsets : '.offset-#{$suffix}, .flex-offset-#{$suffix}';
+      $offsets : '.offset-#{$suffix}, .flex-offset-#{$suffix}, .layout-margin .flex-offset-#{$suffix}, .layout-margin .offset-#{$suffix}';
     }
 
     #{$offsets} {
@@ -62,7 +62,7 @@
       @if $s != '' {  $suffix : '#{$s}-#{$i}';   }
       @else        {  $suffix : '#{$i}';         }
 
-      $offsets : '.offset-#{$suffix}, .flex-offset-#{$suffix} ';
+      $offsets : '.offset-#{$suffix}, .flex-offset-#{$suffix}, .layout-margin .flex-offset-#{$suffix}, .layout-margin .offset-#{$suffix}';
     }
 
     #{$offsets} {
@@ -78,7 +78,7 @@
       @if $s != '' {  $suffix : '#{$s}-#{$i}';   }
       @else        {  $suffix : '#{$i}';         }
 
-      $offsets : '.offset-#{$suffix}, .flex-offset-#{$suffix} ';
+      $offsets : '.offset-#{$suffix}, .flex-offset-#{$suffix}, .layout-margin .flex-offset-#{$suffix}, .layout-margin .offset-#{$suffix}';
     }
 
     #{$offsets} {

Original file line number	Diff line number	Diff line change
`@@ -45,7 +45,7 @@`
`45`	`45`	`@if $s != '' { $suffix : '#{$s}-#{$i * 5}'; }`
`46`	`46`	`@else { $suffix : '#{$i * 5}'; }`
`47`	`47`
`48`		`- $offsets : '.offset-#{$suffix}, .flex-offset-#{$suffix}';`
	`48`	`+ $offsets : '.offset-#{$suffix}, .flex-offset-#{$suffix}, .layout-margin .flex-offset-#{$suffix}, .layout-margin .offset-#{$suffix}';`
`49`	`49`	`}`
`50`	`50`
`51`	`51`	`#{$offsets} {`
`@@ -62,7 +62,7 @@`
`62`	`62`	`@if $s != '' { $suffix : '#{$s}-#{$i}'; }`
`63`	`63`	`@else { $suffix : '#{$i}'; }`
`64`	`64`
`65`		`- $offsets : '.offset-#{$suffix}, .flex-offset-#{$suffix} ';`
	`65`	`+ $offsets : '.offset-#{$suffix}, .flex-offset-#{$suffix}, .layout-margin .flex-offset-#{$suffix}, .layout-margin .offset-#{$suffix}';`
`66`	`66`	`}`
`67`	`67`
`68`	`68`	`#{$offsets} {`
`@@ -78,7 +78,7 @@`
`78`	`78`	`@if $s != '' { $suffix : '#{$s}-#{$i}'; }`
`79`	`79`	`@else { $suffix : '#{$i}'; }`
`80`	`80`
`81`		`- $offsets : '.offset-#{$suffix}, .flex-offset-#{$suffix} ';`
	`81`	`+ $offsets : '.offset-#{$suffix}, .flex-offset-#{$suffix}, .layout-margin .flex-offset-#{$suffix}, .layout-margin .offset-#{$suffix}';`
`82`	`82`	`}`
`83`	`83`
`84`	`84`	`#{$offsets} {`