Installation

Standalone

You can download the latest version here.
Unzip this package and add the following code in your HTML files:

<link href="/css/styleguide.css" rel="stylesheet" type="text/css">

Git

git clone git@github.com:Wisembly/tapestry.git

NPM

npm install tapestry-css

Bower

bower install tapestry

Customization

Important

• Node.js and Gulp are required
• Built files (CSS and fonts) are versionned into /dist folder.
• Settings and vars can be overidden.
• Colors, sizes and many properties for each components are saved with variables (see documentation) and can also be overidden.
• Component importation is set to false by default, but can be switched to true for each component.

Example

// scss/my-settings.scss 


$import-normalize: false; 

$import-button: true; 

$import-icons: true; 


$grid-column-number: 6; 

$base-fz: 16px;

// scss/app.scss 


@import "my-settings"; 

@import "../bower_components/tapestry/src/scss/app.scss"; 

...

Components