fix safe area for mixin with fallback

Shopify · Jan 16, 2019 · 02e7776 · 02e7776
1 parent 6a029c6
commit 02e7776
Showing 1 changed file with 1 addition and 0 deletions.
diff --git a/src/styles/shared/layout.scss b/src/styles/shared/layout.scss
@@ -18,6 +18,7 @@
 /// $spacing.
 @mixin safe-area-for($property, $spacing, $area) {
   $spacing: if($spacing == 0, #{$spacing}px, $spacing);
+  #{$property}: #{$spacing};
   #{$property}: calc(#{$spacing} + constant(safe-area-inset-#{$area}));
   #{$property}: calc(#{$spacing} + env(safe-area-inset-#{$area}));
 }