Gives you a basic eight-pixel grid
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.
.gitignore
LICENSE
README.md
eightilize.css
index.html
pattern.png

README.md

Pattern

📏 Eightilize

Gives you a basic eight-pixel grid.

Eightilize is just Normalize.css but with all sizes set according to eight-point grid.

If you want to declare your own eight-point grid, use Reseight.

Usage

Usage

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/uyouthe/eightilize/eightilize.min.css">

Why use eight-point grid

  • Your icons will be rendered razor-sharp
  • You'll get free vertical rhytm out of the box
  • Margins and paddings will be consistent by default
  • It may be the lingua franca between you and a designer

Credits