# Vertical Rhythm Reset <!-- omit in toc -->

[![NPM](https://img.shields.io/npm/v/vertical-rhythm-reset.svg?style=flat-square)](https://www.npmjs.com/package/vertical-rhythm-reset)
[![GitHub Workflow Status (master)](https://img.shields.io/github/actions/workflow/status/jhildenbiddle/vertical-rhythm-reset/test.yml?branch=master&label=checks&style=flat-square)](https://github.com/jhildenbiddle/vertical-rhythm-reset/actions?query=branch%3Amaster+)
[![Codacy grade](https://img.shields.io/codacy/grade/01917626fcc14886ac621c1928a2961f?style=flat-square)](https://app.codacy.com/gh/jhildenbiddle/vertical-rhythm-reset/dashboard)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)](https://github.com/jhildenbiddle/vertical-rhythm-reset/blob/master/LICENSE)
[![Sponsor this project](https://img.shields.io/static/v1?style=flat-square&label=Sponsor&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86)](https://github.com/sponsors/jhildenbiddle)

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

- [Documentation](https://jhildenbiddle.github.io/vertical-rhythm-reset/)

**Screenshot**

<p>
  <a href="https://jhildenbiddle.github.io/vertical-rhythm-reset">
    <img src="https://raw.githubusercontent.com/jhildenbiddle/vertical-rhythm-reset/master/docs/assets/img/screenshot.png" width="790" alt="screenshot">
  </a>
</p>

## Features

- **Simplified vertical rhythm grids**<br>
  Maintain visual symmetry by aligning elements to an invisible-yet-recognizable layout pattern.

- **Modular scale typography**<br>
  Bring harmony to your typography using a calculated range of proportional font sizes.

- **CSS reset & normalization**<br>
  Standardize the default presentation of HTML5 elements across desktop and mobile browsers.

- **Responsive layout support**<br>
  Define custom breakpoints, each with their own vertical rhythm and typography settings.

- **Customizable utility classes**<br>
  Create pixel-perfect layouts in less time and without the need for custom classes.

- **Fast-and-easy implementation**<br>
  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](https://jhildenbiddle.github.io/vertical-rhythm-reset) for details.

## Credits & Attribution

- [Normalize.css](https://necolas.github.io/normalize.css) by Nicolas Gallagher and Jonathan Neal.
- [Modular Scale](https://www.modularscale.com/) by Scott Vellum and Tim Brown.

## Sponsorship

A [sponsorship](https://github.com/sponsors/jhildenbiddle) is more than just a way to show appreciation for the open-source authors and projects we rely on; it can be the spark that ignites the next big idea, the inspiration to create something new, and the motivation to share so that others may benefit.

If you benefit from this project, please consider lending your support and encouraging future efforts by [becoming a sponsor](https://github.com/sponsors/jhildenbiddle).

Thank you! 🙏🏻

## Contact & Support

- Follow 👨🏻‍💻 **@jhildenbiddle** on [Twitter](https://twitter.com/jhildenbiddle) and [GitHub](https://github.com/jhildenbiddle) for announcements
- Create a 💬 [GitHub issue](https://github.com/jhildenbiddle/vertical-rhythm-reset/issues) for bug reports, feature requests, or questions
- Add a ⭐️ [star on GitHub](https://github.com/jhildenbiddle/vertical-rhythm-reset) and 🐦 [tweet](https://twitter.com/intent/tweet?url=https%3A%2F%2Fgithub.com%2Fjhildenbiddle%2Fvertical-rhythm-reset&hashtags=css,sass,scss,frontend) to promote the project
- Become a 💖 [sponsor](https://github.com/sponsors/jhildenbiddle) to support the project and future efforts

## License

This project is licensed under the [MIT license](https://github.com/jhildenbiddle/vertical-rhythm-reset/blob/main/LICENSE).

Copyright (c) John Hildenbiddle ([@jhildenbiddle](https://twitter.com/jhildenbiddle))