Ensure page-specific styles are applied when ajax injects page

ScottBeeson · Apr 12, 2014 · 37f4a33 · 37f4a33
1 parent 69e896f
commit 37f4a33
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 16 deletions.
diff --git a/docs/elements/core-elements.md b/docs/elements/core-elements.md
@@ -8,10 +8,13 @@ subtitle: non-visual utility elements
 
 add_permalinks: false
 
-stylesheets:
-  "/css/elementpage.css"
+#stylesheets:
+#  "/css/elementpage.css"
 ---
 
+<!-- page specific stylesheet needs to be inline to the page so ajax injects it. -->
+<link rel="stylesheet" href="/css/elementpage.css">
+
 **Note:** These elements and their documentation are still early. The "source" links below point to commented code where you can learn more about how to use the element.
 {: .alert .alert-info}
 

diff --git a/docs/elements/other.md b/docs/elements/other.md
@@ -9,6 +9,9 @@ subtitle: Polymer labs
 add_permalinks: false
 ---
 
+<!-- page specific stylesheet needs to be inline to the page so ajax injects it. -->
+<link rel="stylesheet" href="/css/elementpage.css">
+
 {% include labs.html %}
 
 {% comment %}

diff --git a/docs/elements/polymer-elements.md b/docs/elements/polymer-elements.md
@@ -7,10 +7,13 @@ title: Polymer elements
 subtitle: non-visual utility elements
 
 add_permalinks: false
-stylesheets:
-  "/css/elementpage.css"
+#stylesheets:
+#  "/css/elementpage.css"
 ---
 
+<!-- page specific stylesheet needs to be inline to the page so ajax injects it. -->
+<link rel="stylesheet" href="/css/elementpage.css">
+
 {% include labs.html %}
 
 Install everything:

diff --git a/docs/elements/polymer-ui-elements.md b/docs/elements/polymer-ui-elements.md
@@ -7,10 +7,13 @@ title: Polymer UI elements
 subtitle: basic visual elements
 
 add_permalinks: false
-stylesheets:
-  "/css/elementpage.css"
+#stylesheets:
+#  "/css/elementpage.css" 
 ---
 
+<!-- page specific stylesheet needs to be inline to the page so ajax injects it. -->
+<link rel="stylesheet" href="/css/elementpage.css">
+
 {% include labs.html %}
 
 To install this entire element set, run:

diff --git a/index.md b/index.md
@@ -2,10 +2,13 @@
 layout: home
 title: Welcome
 
-stylesheets:
-  "/css/homepage.css"
+#stylesheets:
+#  "/css/homepage.css"
 ---
 
+<!-- page specific stylesheet needs to be inline to the page so ajax injects it. -->
+<link rel="stylesheet" href="/css/homepage.css">
+
 <section id="future" class="main-bg">
   <div class="panel left">
     <img src="/images/logos/p-logo.svg">
@@ -69,11 +72,3 @@ stylesheets:
     </summary>
   </div>
 </section>
-<!-- <section id="quickstart">
-  <div class="panel">
-    <summary>
-      <p>content here</p>
-    </summary>
-  </div>
-</section>
- -->