Use highlights for more code snippets.

jdalton · jdalton · commit ca9bd72943e2 · 2016-07-17T09:32:56.000-07:00
diff --git a/assets/css/_default.scss b/assets/css/_default.scss
@@ -151,7 +151,7 @@ pre, code {
   font-family: Consolas, Courier New, monospace;
 }
 
-pre, .highlight.js {
+pre, .highlight {
   background: $codeBg;
   box-sizing: border-box;
   color: $codeColor;
diff --git a/index.html b/index.html
@@ -39,15 +39,15 @@ <h2>Installation</h2>
 </section>
 
 <section class="code">
-  <pre class="editor editor-colors"><div class="line"><span class="text html basic"><span class="meta tag any html"><span class="punctuation definition tag html"><span>&lt;</span></span><span class="entity name tag html"><span>script</span></span><span>&nbsp;</span><span class="entity other attribute-name html"><span>src</span></span><span>=</span><span class="string quoted double html"><span class="punctuation definition string begin html"><span>&quot;</span></span><span>lodash.js</span><span class="punctuation definition string end html"><span>&quot;</span></span></span><span class="punctuation definition tag html"><span>&gt;</span><span class="meta scope between-tag-pair html"><span>&lt;</span></span><span>/</span></span><span class="entity name tag html"><span>script</span></span><span class="punctuation definition tag html"><span>&gt;</span></span></span></span></div></pre>
+  <div class="highlight html"><pre class="editor editor-colors"><div class="line"><span class="text html basic"><span class="meta tag any html"><span class="punctuation definition tag html"><span>&lt;</span></span><span class="entity name tag html"><span>script</span></span><span>&nbsp;</span><span class="entity other attribute-name html"><span>src</span></span><span>=</span><span class="string quoted double html"><span class="punctuation definition string begin html"><span>&quot;</span></span><span>lodash.js</span><span class="punctuation definition string end html"><span>&quot;</span></span></span><span class="punctuation definition tag html"><span>&gt;</span><span class="meta scope between-tag-pair html"><span>&lt;</span></span><span>/</span></span><span class="entity name tag html"><span>script</span></span><span class="punctuation definition tag html"><span>&gt;</span></span></span></span></div></pre></div>
 </section>
 
 <section>
   <p>Using npm:</p>
 </section>
 
 <section class="code">
-  <pre><code>$ {sudo -H} npm i -g npm<br>$ npm i --save lodash</code></pre>
+  <div class="highlight shell"><pre class="editor editor-colors"><div class="line"><span class="source shell"><span>$&nbsp;{sudo&nbsp;-H}&nbsp;npm&nbsp;i&nbsp;-g&nbsp;npm</span></span></div><div class="line"><span class="source shell"><span>$&nbsp;npm&nbsp;i&nbsp;--save&nbsp;lodash</span></span></div></pre></div>
 </section>
 
 <section>

Original file line number	Diff line number	Diff line change
`@@ -151,7 +151,7 @@ pre, code {`
`151`	`151`	`font-family: Consolas, Courier New, monospace;`
`152`	`152`	`}`
`153`	`153`
`154`		`-pre, .highlight.js {`
	`154`	`+pre, .highlight {`
`155`	`155`	`background: $codeBg;`
`156`	`156`	`box-sizing: border-box;`
`157`	`157`	`color: $codeColor;`