add more style[include] doc

Polymer · Apr 19, 2016 · b8fd12d · b8fd12d
1 parent e57eb49
commit b8fd12d
Showing 1 changed file with 23 additions and 1 deletion.
diff --git a/src/lib/custom-style.html b/src/lib/custom-style.html
@@ -54,7 +54,27 @@
     }
 
   </style>
-
+  
+  
+  <!-- This could easily live in another .html file and be imported instead. -->
+
+  <dom-module id="shared-style">
+    <template>
+      <style>
+        :root {
+          --shared-background-color: #bada55;
+        }
+      </style>
+    </template>
+  </dom-module>
+
+  <style is="custom-style" include="shared-style">
+
+    body {
+      background-color: var(--shared-background-color);
+    }
+
+  </style>
 </head>
 <body>
 
@@ -89,6 +109,8 @@
        * Specify `include` to identify a `dom-module` containing style data which
        * should be used within the `custom-style`. By using `include` style data
        * may be shared between multiple different `custom-style` elements.
+       *
+       * To include multiple `dom-modules`, use `include="module1 module2"`.
        */
       include: String
     },