fix(styles): remove deprecated css properties

closes #450

gulpfile.js

@@ -306,8 +306,9 @@ function filterNonCodeFiles() {
 }
 
 function autoprefix() {
-  return autoprefixer([
-    'Chrome Android', 'iOS', 'last 2 Safari versions',
+  return autoprefixer({browsers: [
+    'last 2 ChromeAndroid versions', 'last 2 Android versions', 
+    'last 2 iOS versions', 'last 2 Safari versions',
     'last 2 Chrome versions'
-  ]);
+  ]});
 }

src/components/dialog/_dialog.scss

@@ -36,7 +36,7 @@ md-dialog {
   flex-direction: column;
 
   .dialog-content {
-    flex-order: 1;
+    order: 1;
     padding: 24px;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
@@ -48,7 +48,7 @@ md-dialog {
 
   .dialog-actions {
     display: flex;
-    flex-order: 2;
+    order: 2;
     box-sizing: border-box;
     align-items: center;
     justify-content: flex-end;

src/components/icon/_icon.scss

@@ -9,7 +9,7 @@ md-icon {
 }
 svg, object {
   fill: currentColor;
-  color-fill: currentColor;
+  color: currentColor;
 }
 
 md-class-icon {

src/components/textField/_textField.scss

@@ -137,7 +137,6 @@ md-input-group,
     input, textarea {
       @include text-dashed-line( $tff-line-dot-width, $tff-line-dot-size);
       pointer-events: none;
-      tabindex : -1;
     }
 
     @include text-hint( small );

src/core/style/layout.scss

@@ -159,7 +159,7 @@
 
 @mixin layout-order-preset($attr, $n) {
   [#{$attr}="#{$n}"] {
-    flex-order: $n;
+    order: $n;
   }
 }