[Effen] Use a Style element instead of inline style for the Text fn node's sky

sky/framework/fn.dart

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 library fn;
 
 import 'dart:async';
 import 'dart:collection';
 import 'dart:sky' as sky;
 import 'reflect.dart' as reflect;
@@ skipping 333 matching lines @@
   // Text nodes are special cases of having non-unique keys (which don't need
   // to be assigned as part of the API). Since they are unique in not having
   // children, there's little point to reordering, so we always just re-assign
   // the data.
   Text(this.data) : super(key:'*text*');
 
   static final Text _emptyText = new Text(null);
 
   SkyNodeWrapper get _emptyNode => _emptyText;
 
+  static final Style _displayParagraph = new Style('display:paragraph');
+
   sky.Node _createNode() {
     return sky.document.createElement('div')
                            ..setChild(new sky.Text(this.data))
-                           ..setAttribute('style', 'display:paragraph');
+                           ..setAttribute('class', _displayParagraph._className);
   }
 
   void _syncNode(SkyNodeWrapper old) {
     if (old == _emptyText)
       return; // we set inside _createNode();
 
     (_root.firstChild as sky.Text).data = data;
   }
 }
 
@@ skipping 515 matching lines @@
 
 abstract class App extends Component {
   sky.Node _host;
 
   App() : super(stateful: true) {
     _host = sky.document.createElement('div');
     sky.document.appendChild(_host);
     _scheduleComponentForRender(this);
   }
 }