Merge pull request #196 from PolymerElements/style-inside-template

style tag needs to live inside the template
PolymerElements · Jul 14, 2016 · 0b0b4d9 · 0b0b4d9
2 parents c64fe77 + 58b4079
commit 0b0b4d9
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 33 deletions.
diff --git a/neon-animatable.html b/neon-animatable.html
@@ -26,16 +26,13 @@
 -->
 
 <dom-module id="neon-animatable">
-
-  <style>
-
-    :host {
-      display: block;
-    }
-
-  </style>
-
   <template>
+    <style>
+      :host {
+        display: block;
+      }
+    </style>
+
     <content></content>
   </template>
 

diff --git a/neon-animated-pages.html b/neon-animated-pages.html
@@ -25,33 +25,30 @@
 -->
 
 <dom-module id="neon-animated-pages">
+  <template>
+    <style>
+      :host {
+        display: block;
+        position: relative;
+      }
 
-  <style>
-
-    :host {
-      display: block;
-      position: relative;
-    }
-
-    :host > ::content > * {
-      position: absolute;
-      top: 0;
-      left: 0;
-      bottom: 0;
-      right: 0;
-    }
-
-    :host > ::content > :not(.iron-selected):not(.neon-animating) {
-      display: none !important;
-    }
-
-    :host > ::content > .neon-animating {
-      pointer-events: none;
-    }
+      :host > ::content > * {
+        position: absolute;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        right: 0;
+      }
 
-  </style>
+      :host > ::content > :not(.iron-selected):not(.neon-animating) {
+        display: none !important;
+      }
 
-  <template>
+      :host > ::content > .neon-animating {
+        pointer-events: none;
+      }
+    </style>
+
     <content id="content"></content>
   </template>