vertical-rhythm-reset icon indicating copy to clipboard operation
vertical-rhythm-reset copied to clipboard

A Sass/SCSS library for responsive vertical rhythm grids, modular scale typography, and CSS normalization.

Vertical Rhythm Reset

NPM GitHub Workflow Status (master) Codacy grade License: MIT Tweet

A Sass/SCSS library for responsive vertical rhythm grids, modular scale typography, and CSS normalization.

Screenshot

screenshot

Features

  • Simplified vertical rhythm grids
    Maintain visual symmetry by aligning elements to an invisible-yet-recognizable layout pattern.

  • Modular scale typography
    Bring harmony to your typography using a calculated range of proportional font sizes.

  • CSS reset & normalization
    Standardize the default presentation of HTML5 elements across desktop and mobile browsers.

  • Responsive layout support
    Define custom breakpoints, each with their own vertical rhythm and typography settings.

  • Customizable utility classes
    Create pixel-perfect layouts in less time and without the need for custom classes.

  • Fast-and-easy implementation
    As little as two lines of code generates the CSS foundation for you project.

Browser Support

  • Chrome 19+
  • Edge
  • Firefox 4+
  • Internet Explorer 9+
  • Safari 6+

Sass Support

  • Dart Sass

Installation & Usage

See the documentation site for details.

Credits & Attribution

Contact & Support

License

This project is licensed under the MIT license.

Copyright (c) John Hildenbiddle (@jhildenbiddle)