/hocus-pocus

Universal and lightweight stylesheet starter kit

Primary LanguageCSSMIT LicenseMIT

Hocus-Pocus

Hocus-Pocus is a universal and lightweight stylesheet starter kit that focuses on base html elements and typography. You can change the look of every single component, disable some features and define a range of helpers with variables.

Why not Bootstrap?

Libraries like Bootstrap or Foundation are great and have greatly changed how people think about CSS. However, in most cases within my own project work, I just don’t need all these features and UI components like progress bars or breadcrumbs. Instead, I prefer to have something more universal that I can use in any project.

Key Features

The following features are the most characteristic to Hocus-Pocus:

  • Enhanced normalize.css reset
  • Default colors set and color helpers thanks to clrs.cc
  • Widely responsive web design support with customizable breakpoints and approach
  • Flexbox grid with universal, fraction based width helpers
  • Visibility and spacing helpers (auto-generated for the each viewport breakpoint!)
  • Typography with vertical rhythm based on rem units
  • Components like lists, menus, tables, forms, buttons, boxes, media object and sticky footer

You can find full documentation at brtjkzl.github.io/hocus-pocus. Code is open sourced on GitHub. Up to date changelog is available under the releases section.