style tag needs to live inside the template

PolymerElements · Jul 14, 2016 · 027b6d3 · 027b6d3
1 parent b125453
commit 027b6d3
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 20 deletions.
diff --git a/bower.json b/bower.json
@@ -18,7 +18,7 @@
     "url": "git://github.com/PolymerElements/iron-fit-behavior.git"
   },
   "dependencies": {
-    "polymer": "Polymer/polymer#^1.0.0"
+    "polymer": "Polymer/polymer#^1.1.0"
   },
   "devDependencies": {
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0",

diff --git a/demo/simple-fit.html b/demo/simple-fit.html
@@ -12,16 +12,15 @@
 <link rel="import" href="../../paper-styles/color.html">
 
 <dom-module id="simple-fit">
-
-  <style>
-    :host {
-      background-color: var(--paper-light-blue-500);
-      color: white;
-      text-align: center;
-    }
-  </style>
-
   <template>
+    <style>
+      :host {
+        background-color: var(--paper-light-blue-500);
+        color: white;
+        text-align: center;
+      }
+    </style>
+
     <content></content>
   </template>
 

diff --git a/test/test-fit.html b/test/test-fit.html
@@ -11,17 +11,16 @@
 <link rel="import" href="../iron-fit-behavior.html">
 
 <dom-module id="test-fit">
-
-  <style>
-    :host {
-      display: block;
-      background: black;
-      color: white;
-      padding: 8px;
-    }
-  </style>
-
   <template>
+    <style>
+      :host {
+        display: block;
+        background: black;
+        color: white;
+        padding: 8px;
+      }
+    </style>
+
     <content></content>
   </template>