Skip to content

halivert/css

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.