fix: example css

static/styles/reset.css

@@ -37,11 +37,9 @@ h1 {
 h2,
 h3 {
     margin: 1rem 0;
-    padding-bottom: 0.5rem; 
+    padding-bottom: 0.5rem;
 }
 
-
-
 img {
     max-width: 100%;
 }
@@ -55,10 +53,9 @@ a:hover {
 }
 
 p {
-    margin: 1rem 0; 
+    margin: 1rem 0;
 }
 
-
 article ul {
     list-style: none;
     padding-left: 1rem;
@@ -74,16 +71,15 @@ article ol li {
     padding: 0.5rem 0;
 }
 
-
 article ol {
     padding-left: 1rem;
 }
 
+/* stylelint-disable-next-line */
 ol.linenums li {
     padding: 0;
 }
 
-
 .variation {
     display: none;
 }
@@ -94,7 +90,6 @@ ol.linenums li {
     font-weight: lighter;
 }
 
-
 .ancestors a {
     text-decoration: none;
 }
@@ -158,11 +153,11 @@ ol.linenums li {
     margin: 0;
 }
 
+/* stylelint-disable-next-line */
 .details ul li p {
     margin: 0;
 }
 
-
 /* stylelint-disable */
 .details pre.prettyprint {
     margin: 0;
@@ -182,9 +177,7 @@ ol.linenums li {
 }
 
 .code-caption {
-    font-size: 107%;
-    font-style: italic;
-    margin: 0;
+    font-size: 90%;
 }
 
 .prettyprint {
@@ -201,6 +194,10 @@ ol.linenums li {
 
 .prettyprint code {
     display: block;
+    /*
+        display is set to table if supported.
+    */
+    display: table;
     font-size: 0.875rem;
     line-height: 1rem;
     padding: 1rem 2rem;

tmpl/example.tmpl

@@ -1,3 +1,3 @@
 <?js var data = obj; ?>
-<pre><code class="test-class"><?js= data ?></code>
+<pre><code><?js= data ?></code>
 </pre>