Let <cxx-definition-section> be used from an include, and fix its shadow-dom styling.

jyasskin · jyasskin · commit 757c88489eb1 · 2014-05-15T00:25:36.000-07:00
Also fix its description.
diff --git a/definition-section.html b/definition-section.html
@@ -14,15 +14,17 @@
 -->
 
 <!--
-    Uses the HTML <table> content model, but automatically adds a number to
-    the <caption>.  Use this as <table is="cxx-table">, unlike the other custom
-    elements.
+    Use this as <dl is="cxx-definition-section"> to build the unusual "terms
+    and definitions" section that gets numbered as if each term is a section,
+    but doesn't make them show up in the table of contents.
 -->
 <polymer-element name="cxx-definition-section" extends="dl">
   <template>
     <style>
-      dt { font-weight: bold; }
-      dd { margin-left: 0; }
+      polyfill-next-selector { content: 'dt'; }
+      ::content dt { font-weight: bold; }
+      polyfill-next-selector { content: 'dd'; }
+      ::content dd { margin-left: 0; }
     </style>
 
     <content></content>
diff --git a/definition-section.js b/definition-section.js
@@ -43,7 +43,7 @@ limitations under the License.
                 dt.term_number = next_term_number++;
 
                 var template = importDocument.getElementById(
-                    'cxx-definition-section-term');
+                    'cxx-definition-section-term').cloneNode(true);
                 template.removeAttribute('id');
                 template.model = dt;
 
