Getting Started

Quick start

Minium CSS styles semantic HTML elements by default, and adds layout primitives and common components. The library requires no JavaScript runtime, Sass pipeline, or configuration step.

Install

Until the npm package is published, run the build from the repository root:

npm run build

This creates the production stylesheets in dist/.

After the package is published, install it from npm:

npm install minium-css

Load the stylesheet

Use the core stylesheet in your page. If your project has its own CSS, load it after Minium so project rules can override the library cleanly.

<link rel="stylesheet" href="dist/minium.css">
<link rel="stylesheet" href="project.css">

In a bundled app, import the built CSS from the package:

import "minium-css";

Start with semantic HTML

Minium CSS styles common document structure, forms, tables, buttons, links, and typographic elements by default. Add classes only when you need layout, a component, or a modifier.

Red lead notes

Minium is the historic name for red lead, an orange-red lead oxide pigment.

Next steps