doc: Merge commit '2c0d1ccdcd95de0bddeb39dca2e4d08f0d8056d7'

docs/layouts/shortcodes/code.html

@@ -1,5 +1,7 @@
-<div class="code relative bg-primary-color moon-gray" id="{{.Get "file" | urlize}}">
-	{{- with .Get "file" -}}
+{{ $file := .Get "file" }}
+{{ $isHTML := strings.HasSuffix $file "html" }}
+<div class="code relative bg-primary-color" id="{{ $file | urlize}}">
+	{{- with $file -}}
 		<div class="filename san-serif f6 dib lh-solid pl2 pv2">{{.}}</div>
 	{{- end -}}
 
@@ -9,7 +11,7 @@
 		{{/* Functionality located within filesaver.js The copy here is located in the css with .copy class so it can be replaced with JS on success */}}
 	{{end}}
 	<div class="code-copy-content nt3" {{with .Get "download"}}id="{{.}}"{{end}}>
-		{{- .Inner -}}
+		{{ if $isHTML }}{{- highlight .Inner  "html" "" | -}}{{ else }}<pre><code>{{- .Inner | string -}}</code></pre>{{ end }}
 	</div>
 
 </div>