Simple implementation of typographical vertical rhythm for styled-components that is flexible and modular.

Usage

Import options

Use the default export as a base for global styles.

import { createGlobalStyle } from 'styled-components';
import typography from '@styles/typography'; // replace path

const GlobalStyle = createGlobalStyle`
${typography}
`;

Use module exports for granulated element styling.

Ryan Todd Garza

Principal software engineer — make stuff

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store