Move the individual property definitions from client/base/Css to CSSStyleDeclaration.

client/layout/ViewLayout.dart

 // Copyright (c) 2011, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 /** The interface that the layout algorithms use to talk to the view. */
 interface Positionable {
   ViewLayout get layout();
 
   /** Gets our custom CSS properties, as provided by the CSS preprocessor. */
   Map<String, String> get customStyle();
 
   /** Gets the root DOM used for layout. */
   Element get node();
 
   /** Gets the collection of child views. */
   Collection<Positionable> get childViews();
 
   /** Causes a view to layout its children. */
   void doLayout();
 }
 
 
 /**
  * Caches the layout parameters that were specified in CSS during a layout
  * computation. These values are immutable during a layout.
  */
 class LayoutParams {
   // TODO(jmesserly): should be const, but there's a bug in DartC preventing us
   // from calling "window." in an initializer. See b/5332777
-  Css style;
+  CSSStyleDeclaration style;
 
   int get layer() => 0;
 
   LayoutParams(Element node) {
-    style = new Css(window.getComputedStyle(node, ''));
+    style = window.getComputedStyle(node, '');
   }
 }
 
 // TODO(jmesserly): enums would really help here
 class Dimension {
   // TODO(jmesserly): perhaps this should be X and Y
   static final WIDTH = const Dimension._internal('width');
   static final HEIGHT = const Dimension._internal('height');
 
   final String name; // for debugging
@@ skipping 48 matching lines @@
       return new GridLayout(view);
     } else {
       return new ViewLayout(view);
     }
   }
 
   static bool hasCustomLayout(Positionable view) {
     return view.customStyle['display'] == "-dart-grid";
   }
 
-  Css get _style() => layoutParams.style;
+  CSSStyleDeclaration get _style() => layoutParams.style;
 
   int get currentWidth() => view.node.offsetWidth;
   int get currentHeight() => view.node.offsetHeight;
 
   int get borderLeftWidth() => _toPixels(_style.borderLeftWidth);
   int get borderTopWidth() => _toPixels(_style.borderTopWidth);
   int get borderRightWidth() => _toPixels(_style.borderRightWidth);
   int get borderBottomWidth() => _toPixels(_style.borderBottomWidth);
   int get borderWidth() => borderLeftWidth + borderRightWidth;
   int get borderHeight() => borderTopWidth + borderBottomWidth;
@@ skipping 15 matching lines @@
     _measuredWidth = width - borderWidth;
     _measuredHeight = height - borderHeight;
 
     measureLayout(_measuredWidth, _measuredHeight);
   }
 
   /** Applies the layout to the node. */
   void applyLayout() {
     if (_measuredLeft != null) {
       // TODO(jmesserly): benchmark the performance of this DOM interaction
-      final css = new Css(view.node.style);
-      css.position = 'absolute';
-      css.left = '${_measuredLeft}px';
-      css.top = '${_measuredTop}px';
-      css.width = '${_measuredWidth}px';
-      css.height = '${_measuredHeight}px';
-      css.zIndex = '${layoutParams.layer}';
+      final style = view.node.style;
+      style.position = 'absolute';
+      style.left = '${_measuredLeft}px';
+      style.top = '${_measuredTop}px';
+      style.width = '${_measuredWidth}px';
+      style.height = '${_measuredHeight}px';
+      style.zIndex = '${layoutParams.layer}';
 
       _measuredLeft = null;
       _measuredTop = null;
       _measuredWidth = null;
       _measuredHeight = null;
 
       // Ensure we can handle our custom layout when it is a child of a
       // DOM-positioned node. For example, say we have a View tree like this:
       //
       //   ViewWithLayout   <-- uses our layout engine
@@ skipping 59 matching lines @@
       // For an unset max-content size, use the actual size
       return size;
     }
     if (style.endsWith('%')) {
       num percent = Math.parseDouble(style.substring(0, style.length - 1));
       return ((percent / 100) * parentSize).toInt();
     }
     return _toPixels(style);
   }
 }