[Mobile] Multiple mobile Safari fixes

open #74
New mixins to prefix '-webkit-' to props and vals;
'flex' classes use new webkit mixins;
Fixed flex layout of .object-browse-bar and
.context-available element;
Migrated CSS to remove small .scss include files;

platform/commonUI/general/res/sass/user-environ/_layout.scss

@@ -85,14 +85,6 @@
             }
         }
     }
-    &.l-flex {
-        display: flex;
-        flex-flow: row nowrap;
-        .left {
-            //@include test(green);
-            flex: 1 1 0;
-        }
-    }
 }
 
 .user-environ {
@@ -321,6 +313,33 @@
     }
 }
 
+.object-browse-bar {
+	//@include test(blue);
+	@include absPosDefault(0, visible);
+	@include box-sizing(border-box);
+	height: $ueTopBarH;
+	line-height: $ueTopBarH;
+	white-space: nowrap;
+
+	.left {
+		padding-right: $interiorMarginLg * 2;
+		.l-back {
+			display: inline-block;
+			float: left;
+			margin-right: $interiorMarginLg;
+		}
+	}
+}
+
+.l-flex {
+	@include webkitVal('display', 'flex');
+	@include webkitProp('flex-flow', 'row nowrap');
+	.left {
+		//@include test(red);
+		@include webkitProp(flex, '1 1 0');
+	}
+}
+
 .vscroll {
     overflow-y: auto;
 }