Getting-started

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

See all components