Code

CSSkel provides styles for code blocks (pre > code) and inline code (code), ensuring readability with a monospace font, background color, and padding.

Inline Code

Inline code uses a smaller font size (90%), a light background, and a border, with padding for readability.

This is <code>inline code</code> within a paragraph.

Code Blocks

Code blocks use a block display, larger padding, and horizontal scrolling for long lines, with a light background and border.

<pre><code>.example {
    background-color: var(--background-color);
    padding: 1rem;
    border: 1px solid var(--border-color-softer);
}</code></pre>

.example {
    background-color: var(--background-color);
    padding: 1rem;
    border: 1px solid var(--border-color-softer);
}