A mini.css module for better code presentation.
npm install mini.css-code-component
yarn add mini.css-code-component
- Create a
<pre>
element. - Wrap every line of code into a
<span class="code-line">
. - Apply highlights by wrapping text in
<span class="highlight-a">
,<span class="highlight-b">
or<span class="highlight-c">
.
<pre>
<span class="code-line"><span class="highlight-a">if</span> condition:</span>
<span class="code-line"> value = <span class="highlight-c">'Result:'</span> . <span class="highlight-b">10</span></span>
<span class="code-line"> <span class="highlight-a">print</span>(value)</span>
<span class="code-line"><span class="highlight-a">return</span></span>
</pre>
You can customize the color palette and other parameters, by modifying and recompiling the Sass file.
This mini.css module is licensed under the MIT License.