lfds-tokens

About

It's the project for my personal design system tokens.

• ♻️ Agnostic - Choose your favorite CSS preprocessor language or JS;
• ⚡ Minified - Generated minified and bundle files.

Technologies

• CoralliaJS for generating OctopoJS-like AST;
• OctopoJS for CSS preprocessor languages bundling;
• Rollup for JS bundling;
• VesicJS as task runner.

Installation

Download and install via NPM from GitHub repository:

npm install --save-dev luisfloat/lfds-tokens

For usage, using JavaScript, import it:

import lfdsTokens from 'lfds-tokens'

Or using CSS preprocessors, import it before referring to the tokens:

import 'lfds-tokens/scss'

import 'lfds-tokens/less'

import 'lfds-tokens/styl'

Documentation

Scripts

Vesic CLI

• $ vesic list - list all scripts.
• $ vesic <task> - run a script.

Author