fixing safari flexbox bug

packages/telescope-theme-hubble/lib/client/sass/modules/_comments.scss

@@ -14,7 +14,7 @@
 		padding:10px 0 0 10px;
 		max-width:120px;
 		white-space:nowrap;
-		@extend cf;
+		@extend .cf;
 		&:after {
 			right: 100%;
 			border: solid transparent;

packages/telescope-theme-hubble/lib/client/sass/modules/_posts.scss

@@ -2,25 +2,27 @@
 
 .post{
 	display: flex;
+	display: -webkit-flex;
+	display: -moz-flex;
 	.leftmost{
-		order: 1;
-		flex-grow: 1;
+		@include order(1);
+		@include flex-grow(1);
 	}
 	.left{
-		order: 2;
-		flex-grow: 1;
+		@include order(2);
+		@include flex-grow(1);
 	}
 	.center{
-		order: 3;
-		flex-grow: 100;
+		@include order(3);
+		@include flex-grow(100);
 	}
 	.right{
-		order: 4;
-		flex-grow: 1;
+		@include order(4);
+		@include flex-grow(1);
 	}
 	.rightmost{
-		order: 5;
-		flex-grow: 1;
+		@include order(5);
+		@include flex-grow(1);
 	}
 }
 

packages/telescope-theme-hubble/lib/client/sass/partials/_mixins.scss

@@ -115,4 +115,15 @@
             }
         }
     }
+}
+/*================ FLEXBOX =================*/
+@mixin order($order){
+  order: $order;
+  -webkit-order: $order;
+  -moz-order: $order;
+}
+@mixin flex-grow($i){
+  flex-grow: $i;
+  -webkit-flex-grow: $i;
+  -moz-flex-grow: $i;
 }

packages/telescope-theme-hubble/lib/client/sass/screen.scss

@@ -32,7 +32,4 @@
 @import "modules/notifications";
 @import "modules/share";
 
-@import "partials/mobile";
-
-@import "themes/default";
-@import "themes/telescope";
+@import "partials/mobile";

packages/telescope-theme-hubble/lib/client/sass/themes/_default.scss

@@ -1,3 +0,0 @@
-.default-theme{
-	
-}

packages/telescope-theme-hubble/lib/client/sass/themes/_telescope.scss

@@ -1,3 +0,0 @@
-.telescope-theme{
-	
-}