fix(panel-flex): add safari support

[Finishes #83956396] Signed-off-by: Beatrice Peng <bpeng@pivotal.io>
pivotal-cf · Dec 4, 2014 · ff50733 · ff50733
1 parent fd04971
commit ff50733
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/src/pivotal-ui/components/panels.scss b/src/pivotal-ui/components/panels.scss
@@ -136,17 +136,21 @@ By default, flex panels have no height. You must use an inline style to set the
 
 .panel-flex {
   display: block;
-  display: flex;
-  flex-direction: column;
+  @include display-flex;
+  @include flex-direction(column);
 
   .panel-body {
-    flex: 1 0 auto;
-    align-self: auto;
+    @include flexbox((
+      flex: 1 0 auto,
+      align-self: auto
+    ));
   }
 
   .panel-footer {
-    flex: 0 0 auto;
-    align-self: auto;
+    @include flexbox((
+      flex: 0 0 auto,
+      align-self: auto
+    ));
   }
 
 }