Usage
Install via npm:
npm i axist
Or import in your HTML:
<link rel="stylesheet" href="https://unpkg.com/axist@latest/dist/axist.min.css" />
No classes needed — it styles plain HTML elements, like the ones on this page.
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraph
A paragraph (from the Ancient Greek παράγραφος, parágraphos, "to write beside") is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences, and sometimes an inline link too.
You can highlight what matters, write H2O with subscripts, or E=mc2 with superscripts.
Blockquotes
“Years ago my mother used to say to me, she’d say, ‘In this world, Elwood, you must be’ - she always called me Elwood - ‘In this world, Elwood, you must be oh so smart or oh so pleasant.’ Well, for years I was smart. I recommend pleasant. You may quote me.”
- Elwood P. Dowd, Harvey
Horizontal rules and small, muted text.
Forms
Lists
Ordered List
- 1984
- To Kill a Mockingbird
- The Catcher in the Rye
Unordered List
- Apples
- Eggs
- Avocados
Description List
- Classless
- A CSS library that styles bare HTML elements directly.
- Token
- A CSS custom property that defines part of the design.
Tables
| Title | Rating | Released |
|---|---|---|
| Harvey | 4.0 | 1950 |
| The Shining | 4.2 | 1980 |
| Metropolis | 4.1 | 1927 |
Other
Keyboard
Cmd Shift C
Code
Run npm install axist to get started.
Preformatted text
.🎨 {
color: deeppink;
background-color: papayawhip;
}
Details
How big is axist?
About 2kb gzipped. It styles the HTML elements you already write — no classes, no JavaScript.
Figure