WSJ Admin Tools Style Guide

Setup

Application environment setup

$ npm install -g http-server
$ npm install

Run

$ npm start

Using the theme

To use the theme in your project:

1. Link to the stylesheet

<link rel="stylesheet" href="//wsj-admin-tools-style-guide.herokuapp.com/css/wsj-admin-tools-theme.1.0.0.min.css" />

2. Add the fonts:

<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700"/>
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto+Mono"/>

3. Refrence the style guide and build out your app as needed.

4. Have fun.