Ticketfly CSS

Ticketfly's CSS framework.

Installation

Installing as an Ember addon:

ember install ticketfly-css

Installing with npm:

npm install ticketfly-css

Installing with yarn:

yarn add ticketfly-css

Current Modules

• ticketfly-css-normalize

Base Settings

• ticketfly-css-core-variables
• ticketfly-css-box-shadow-variables
• ticketfly-css-color-variables
• ticketfly-css-spacing-variables
• ticketfly-css-typography-variables

Utilities

• ticketfly-css-display-utilities
• ticketfly-css-flex-utilities
• ticketfly-css-overflow-utilities
• ticketfly-css-sizing-utilities
• ticketfly-css-spacing-utilities
• ticketfly-css-text-utilities
• ticketfly-css-z-index-utilities
• ticketfly-css-position-utilities
• ticketfly-css-v-align-utilities

Object Patterns

• ticketfly-css-box-objects
• ticketfly-css-grid-objects
• ticketfly-css-tap-target-objects

Garnishes

• ticketfly-css-box-shadow-garnishes
• ticketfly-css-color-garnishes
• ticketfly-css-reset-garnishes
• ticketfly-css-typography-garnishes

Future and In-Progress Modules

• ticketfly-css-animation-variables
• ticketfly-css-grid-objects (V2)
  • A system of grid utilities built with the CSS Grid Layout Module

Also, see this issue for more context

Developing

In addition to providing functionality as both an Ember addon and a standard Node package consumable through package managers such as NPM or Yarn, this project contains a modules directory consisting of the Git submodules that comprise Ticketfly CSS.

If you only want visibility on the top-level repo, simply clone it as-is:

git clone [email protected]:Ticketfly-UI/ticketfly-css.git

It's more likely, however, that you'll want to include the files from each submodule's repository within one parent directory on your machine. This can be done with a recursive clone of the project:

git clone --recursive [email protected]:Ticketfly-UI/ticketfly-css.git