update components

dashboard-ui/bower_components/neon-animation/demo/card/x-cards-list.html

@@ -9,26 +9,25 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
 -->
 
 <link rel="import" href="../../../polymer/polymer.html">
+<link rel="import" href="../../../iron-flex-layout/iron-flex-layout.html">
 <link rel="import" href="../../neon-shared-element-animatable-behavior.html">
 
 <dom-module id="x-cards-list">
-  <style>
-
-    :host {
-      display: block;
-      overflow: hidden;
-    }
-
-    #placeholder {
-      opacity: 0;
-      background-color: grey;
-    }
-
-  </style>
   <template>
+    <style>
+      :host {
+        display: block;
+        overflow: hidden;
+      }
 
-    <div id="placeholder" class="fit"></div>
-
+      #placeholder {
+        opacity: 0;
+        background-color: grey;
+        @apply(--layout-fit);
+      }
+    </style>
+    
+    <div id="placeholder"></div>
     <div id="container">
       <content select="div"></content>
     </div>