Extras

Integrations

Integrations are optional stylesheets for markup generated by third-party tools. Minium provides integrations for:

• Django forms
• Prism.js syntax highlighting

Integration stylesheets are distributed separately from the core stylesheet, keeping the core minimal. Use the integration layer for markup generated by external tools. Place styles for markup you control in the core library or your project's project.css.

Usage

Load integration stylesheets after the core stylesheet. Each integration has a separate file in dist/integrations/. Include only the files your project requires.

<link rel="stylesheet" href="dist/minium.css">
<link rel="stylesheet" href="dist/integrations/django.css">
<link rel="stylesheet" href="dist/integrations/prism.css">

Integration stylesheets can use core tokens, such as --color-success for diff insertions. The core stylesheet does not depend on integration stylesheets.

Available integrations

Prism — syntax highlighting

The Prism integration styles the .token.* classes generated by Prism.js. Syntax colors automatically adapt to the light and dark themes. The integration stylesheet controls presentation but does not perform syntax highlighting. Install and load Prism.js separately.

After loading Prism.js and the integration stylesheet, add class="language-..." to a code block to enable syntax highlighting:

.card {
  padding: var(--space-m);
  background: var(--color-surface);
  border-radius: var(--border-radius-m);
}

Django forms

The Django integration supports forms rendered with Django's built-in form templates, including {{ form }} and the default div-based {{ form.as_div }} output.

The integration styles helpers such as .helptext and .errorlist. It also adds compact spacing to the classless <div> field wrappers generated by as_div.

In Django templates, use Minium's standard pagination component: <nav aria-label="pagination">.