fix(vertical align): add support for safari

[Finishes #83267094]
pivotal-cf · Dec 3, 2014 · 2a80af5 · 2a80af5
1 parent 70e5378
commit 2a80af5
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/pivotal-ui/components/vertical_alignment.scss b/src/pivotal-ui/components/vertical_alignment.scss
@@ -44,18 +44,25 @@ Note: the background colors in the example are just for display in the styleguid
 .aligner {
   height: 230px;
   display: flex;
+  display: -webkit-box;
+  display: -webkit-flex;
   flex-flow: row wrap;
+  -webkit-flex-flow: row wrap;
   align-items: center;
+  -webkit-align-items: center;
 
   .aligner-item {
     flex: 0 100%;
+    -webkit-flex: 0 100%;
 
     &.aligner-item-top {
       align-self: flex-start;
+      -webkit-align-self: flex-start;
     }
 
     &.aligner-item-bottom {
       align-self: flex-end;
+      -webkit-align-self: flex-end;
     }
   }
 }