slate-css 0.1.0-alpha.14

Installation

Slate can be installed and used in two different ways. The first is by using the built css file in dist and the second would be using the slate postcss pipeline to build slate into your project.

CSS

npm i -s @dsbn/slate-css

Now you can use the built css files in your project.

<link rel="stylesheet" href="./node_modules/@dsbn/slate-css/css/slate.css">

Picky

You can also pick and choose from the prebundles Slate provides.

@dsbn/slate-css/css/slate.css - Everything slate has to offer.

@dsbn/slate-css/css/base.css - The base styles, basically everything in docs

@dsbn/slate-css/css/utility.css - Collection of utility classes

@dsbn/slate-css/css/components.css - All components

JavaScript

With JavaScript and bundler

import '@dsbn/slate-css';

With Sass

To hook into the Sass pipeline start by using the includes under the src directory.

@dsbn/slate-css/src/all.scss

You can pick and choose from the following items in slide

@dsbn/slate-css/src/all.scss - Everything slate has to offer.

@dsbn/slate-css/src/base.scss - The base styles, basically everything in docs

@dsbn/slate-css/src/utility.scss - Collection of utility classes

@dsbn/slate-css/src/components.scss - All components