Download

Quick Download

Package Managers

Pull in Figuration's source files into nearly any project with some of the most popular package managers. No matter the package manager, Figuration will require a Sass compiler along with Autoprefixer, postcss-flexbugs-fixes, and postcss-calc for a setup that matches our official compiled versions.

npm

Install Figuration in your Node.js powered apps with the npm package:

npm install figuration@4.1.1

Yarn

yarn add figuration@4.1.1

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

figuration/
+-- dist/
|   +-- css/
|   +-- js/
+-- grunt/
+-- js/
+-- scss/

Basically just the dist, along with the source js and scss files, and just enough to build the dist. If you need the docs and all the tests for local dev, then download the source version, or clone the Figuration repository from GitHub.

What's Included

The quick download versions listed above, contain the following directories and files, logically grouping common resources and providing both compiled and minified variations.

Compiled Version

Once downloaded, unzip the compressed folder to see the structure of (the compiled) Figuration. You'll see something like this:

figuration/
+-- dist/
    +-- css/
    |   +-- figuration.css
    |   +-- figuration.min.css
    |   +-- figuration-rtl.css
    |   +-- figuration-rtl.min.css
    +-- js/
        +-- figuration.js
        +-- figuration.min.js

This is the most basic form of Figuration: precompiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JavaScript (figuration.*), as well as compiled and minified CSS and JavaScript (figuration.min.*). CSS source maps (figuration.*.map) are available for use with certain browsers' developer tools.

Source Version

The Figuration source code download includes the precompiled CSS and JavaScript, along with source Sass, JavaScript, and documentation. More specifically, it includes the following and more:

figuration/
+-- dist/
|   +-- css/
|   +-- js/
+-- grunt/
+-- js/
+-- scss/
+-- site/
+-- test/

The scss/, and js/ folders are the source code for our CSS and JavaScript (respectively). The dist/ folder includes everything listed in the precompiled download section above. The site/ folder includes the source code for our documentation. Beyond that, any other included file provides support for packages, license information, and development.