ticketfly-css-spacing-variables

Variables for the Ticketfly CSS spacing system

Usage no npm install needed!

<script type="module">
  import ticketflyCssSpacingVariables from 'https://cdn.skypack.dev/ticketfly-css-spacing-variables';
</script>

README

Ticketfly CSS Spacing Variables

Variables for Ticketfly CSS spacing settings.

The goal of this package is to establish a standard spacing system for Ticketfly UI -- a shared language of dimensions that can be referenced for both designing and implementing rules for margins, paddings, grid gutters, vertical rhythm, and more.

Spacing constants are defined using geometric progression — with a base spacing value of 1rem (equivalent to 16px under default browser settings) and a common ratio of 2.

Installation

Installing with npm:

npm install ticketfly-css-spacing-variables

Installing with yarn:

yarn add ticketfly-css-spacing-variables