Code

Skeletonic CSS provides styling for inline code tags to display code snippet into the web browser.

HTML Code Element

The HTML <code> element is used to define a piece of computer code. The content inside is displayed in the browser’s default monospace font.

For inline code, you can use the <code> element.

<code>import "skeletonic"void main() {print("Hello Skeletonic")}</code>

Code block

The <code> element does not preserve extra whitespace and line-breaks.To fix this, you can put the <code> element inside a <pre> element:

<pre> <code> <pre> import "skeletonic" void main() { print("Hello Skeletonic") } </pre> </code> </pre>

Code block colours

Primary
Secondary
Success
Info
Warning
Error

HTML var Element for variables

The HTML <var> element is used to define a variable in programming or in a mathematical expression. The content inside is typically displayed in italic.

Skeletonic CSS Version: <var>v<var> where v is equal to: 1.0.5


The Anatomy of Skeletonic CSS - A lightweight, intuitive, accessible and ultra-responsive CSS Framework