Install

You can start using Blaze in a variety of ways:

Link via CDN

The easiest way to use the framework is via CDN.

blaze.min.css contains everything you need. Link to it by adding the following to your <head></head>.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/blazecss/latest/blaze.min.css">

Modules

Each module is also available via CDN in-case you only want bits and pieces of Blaze and not the whole framework.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/blazecss/latest/generic.global.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/blazecss/latest/objects.grid.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/blazecss/latest/components.typography.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/blazecss/latest/components.buttons.css">
...etc...

See all modules available on the CDN

Animations

If you'd like to use our animations then simply link to blaze.animations.min.css.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/blazecss/latest/blaze.animations.min.css">

Install via NPM

npm install blaze

Blaze is available via NPM.

Install via Bower

bower install blazecss

We're also hosted on Bower.

Applying Styles

We've designed the framework not to interfere with other frameworks or your own styles, hence Blaze won't automatically do anything to your site.

The following won't change by simply linking to blaze.min.css like it would with other frameworks such as Bootstrap or Foundation:

<button type="button">Button

You need to apply our button classes:

<button class="c-button" type="button">Button

This means you have to add classes to each part of your site where you want Blaze to apply. Take a look at the documentation for our objects, components, typography etc. and you'll see how intuitive it is to use.