Download

Figuration v3.0.0-beta.2 is available for download in several ways. Choose from the options below get what you need.

Contents

Quick Download

Compiled

Download just the compiled and minified CSS and JavaScript. Doesn’t include any documentation or original source files.

Source Files

Download everything: source Sass, JavaScript, and documentation files. Requires a Sass compiler, Autoprefixer, postcss-flexbugs-fixes, and some setup.

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 and Autoprefixer for a setup that matches our official compiled versions.

npm

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

npm install figuration@3.0.0-beta.2

Yarn

yarn add figuration@3.0.0-beta.2

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:

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/
+-- css/
|   +-- figuration.css
|   +-- figuration.css.map
|   +-- figuration.min.css
|   +-- figuration.min.css.map
+-- 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/
+-- docs/
+-- js/
+-- scss/

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