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" />

Contributions

Issues and pull requests are welcome.