Skip to content
This repository has been archived by the owner. It is now read-only.
Universal and lightweight stylesheet starter kit
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
sass
.gitignore
.stylelintrc
LICENSE
README.md
bower.json
gulpfile.js
hocus-pocus.scss
package.json
yarn.lock

README.md

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.

You can’t perform that action at this time.