Halivert.css NPM

halivert.css

Classless css stylesheet. Stylesheet to faster prototype.

Modular.
Easy to use.
Customizable.
Around 7KB.

Usage

Add this to your html file

<link rel="stylesheet" href="https://unpkg.com/halivert.css" />

And you're ready to go. Optionally, add the suggested fonts:

<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
	href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Raleway:wght@400;700&family=Ubuntu+Mono:wght@400;700&display=swap"
	rel="stylesheet"
/>

Modules

If you want to use only some of the functionalities, I have divided the stylesheet in modules:

base: Foundations of the stylesheet, remove margins and add minor tweaks.
code: Code, pre and kbd.
form: All form styles.
layout: Sets the grid of the body, and the colors.
links: Anchor tag.
lists: Only lists.
media: Figures.
tables: Stripped rows.
text: Selection, mark and details.
titles: Only titles.

Example

If you only want to use forms.

<link rel="stylesheet" href="https://unpkg.com/halivert.css/css/base.min.css" />
<link rel="stylesheet" href="https://unpkg.com/halivert.css/css/form.min.css" />