[Layout] Put in some guards to prevent us from reintroducing 'display' properties into the CSS.

R=eseidel@chromium.org

Review URL: https://codereview.chromium.org/1132983007

examples/stocks/lib/stock_arrow.dart

@@ -4,13 +4,12 @@
 
 import 'dart:math';
 import 'package:sky/framework/fn.dart';
+import 'package:sky/framework/layout.dart';
 
 class StockArrow extends Component {
   static final Style _style = new Style('''
     width: 40px;
     height: 40px;
-    display: flex;
-    flex-direction: row;
     align-items: center;
     justify-content: center;
     border-radius: 40px;
@@ -79,8 +78,9 @@ class StockArrow extends Component {
     bool up = percentChange > 0;
     String type = up ? 'bottom' : 'top';
 
-    return new Container(
+    return new FlexContainer(
       inlineStyle: 'border-color: $border',
+      direction: FlexDirection.Row,
       style: _style,
       children: [
         new Container(

examples/stocks/lib/stock_row.dart

@@ -4,14 +4,13 @@
 
 import 'package:sky/framework/components/ink_well.dart';
 import 'package:sky/framework/fn.dart';
+import 'package:sky/framework/layout.dart';
 import 'package:sky/framework/theme/typography.dart' as typography;
 import 'stock_arrow.dart';
 import 'stock_data.dart';
 
 class StockRow extends Component {
   static final Style _style = new Style('''
-    display: flex;
-    flex-direction: row;
     align-items: center;
     border-bottom: 1px solid #F4F4F4;
     padding-top: 16px;
@@ -20,9 +19,7 @@ class StockRow extends Component {
     padding-bottom: 20px;'''
   );
 
-  static final Style _tickerStyle = new Style('''
-    flex: 1;'''
-  );
+  static final FlexBoxParentData _tickerFlex = new FlexBoxParentData()..flex = 1;
 
   static final Style _lastSaleStyle = new Style('''
     text-align: right;
@@ -51,11 +48,13 @@ class StockRow extends Component {
       new StockArrow(
         percentChange: stock.percentChange
       ),
+      new ParentDataNode(
         new Container(
           key: 'Ticker',
-        style: _tickerStyle,
           children: [new Text(stock.symbol)]
         ),
+        _tickerFlex
+      ),
       new Container(
         key: 'LastSale',
         style: _lastSaleStyle,