Code

The Code element represents a fragment of computer code. Just wrap anything in a code and it will appear like this. if you need a block, by default, enter the code within the preelement.

.milligram {
  color: #9b4dca;
}

<pre><code><span class="pln">
</span><span class="pun">.</span><span class="pln">milligram </span><span class="pun">{</span><span class="pln">
  color</span><span class="pun">:</span><span class="pln"> </span><span class="com">#9b4dca;</span><span class="pln">
</span><span class="pun">}</span></code></pre>

Examples

You can view more examples of using Milligram.

• Getting Started
• Typography
• Blockquotes
• Buttons
• Lists
• Forms
• Tables
• Grids
• Code
• Utilities
• Tips
• Browser Support
• Showcase

Contributing

Want to contribute? Follow these recommendations.