Beautify light demo

David-Mulder · Dec 16, 2015 · d6c4539 · d6c4539
1 parent ca93464
commit d6c4539
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/demo/light.html b/demo/light.html
@@ -35,6 +35,17 @@
 				margin: auto;
 				margin-bottom: 20px;
 			}
+			code{
+				background: rgb(250,250,250);
+			}
+			paper-card pre {
+				overflow: auto;
+				margin: 10px -20px;
+				padding: 20px;
+				background: rgb(250,250,250);
+				border-top: 1px solid rgb(230, 230, 230);
+				border-bottom: 1px solid rgb(230, 230, 230);
+			}
 		</style>
 
 	</head>
@@ -66,7 +77,7 @@
 					The above is a simple <code>&lt;table&gt;</code> element after including
 					<code>paper-datable-styles</code> using:
 
-					<pre style="margin-left:20px;"><code>&lt;style is="custom-style" include="paper-datatable-styles"&gt;&lt;/style&gt;</code></pre>
+					<pre><code><span>&lt;style</span> <span style="color: #690;">is=</span><span style="color: #07a;">"custom-style"</span> <span style="color: #690;">include=</span><span style="color: #07a;">"paper-datatable-styles"</span>&gt;&lt;/style&gt;</code></pre>
 
 					with <code>class="card"</code> added for a simple MD card design.
 				</paper-card>