Find file History
Latest commit 21a3de2 Feb 13, 2016 @jxnblk jxnblk Add prepublish script
Permalink
..
Failed to load latest commit information.
.gitignore Add prepublish script Feb 13, 2016
.npmignore Add prepublish script Feb 13, 2016
README.md Init Feb 6, 2016
index.css Add prepublish script Feb 13, 2016
package.json Add prepublish script Feb 13, 2016

README.md

Solid button color style for use with the .btn base style.

<div class="mb1">
  <button class="btn btn-primary">Button</button>
  <a href="#!" class="btn btn-primary">Link Button</a>
  <input type="button" class="btn btn-primary" value="Input Button">
</div>

By default, .btn-primary has white text on a blue background.

Adjust the default colors using the --button-color and --button-background-color custom properties.

:root {
  --button-color: black;
  --button-background-color: silver;
}

Use other color utilities to handle one-off exceptions.

<button class="btn btn-primary mb1 bg-blue">Button</button>
<button class="btn btn-primary mb1 bg-black">Button</button>
<button class="btn btn-primary mb1 black bg-gray">Button</button>
<button class="btn btn-primary mb1 black bg-silver">Button</button>
<button class="btn btn-primary mb1 black bg-aqua">Button</button>
<button class="btn btn-primary mb1 bg-navy">Button</button>
<button class="btn btn-primary mb1 bg-teal">Button</button>
<button class="btn btn-primary mb1 bg-green">Button</button>
<button class="btn btn-primary mb1 bg-olive">Button</button>
<button class="btn btn-primary mb1 bg-lime">Button</button>
<button class="btn btn-primary mb1 black bg-yellow">Button</button>
<button class="btn btn-primary mb1 bg-orange">Button</button>
<button class="btn btn-primary mb1 bg-red">Button</button>
<button class="btn btn-primary mb1 bg-fuchsia">Button</button>
<button class="btn btn-primary mb1 bg-purple">Button</button>
<button class="btn btn-primary mb1 bg-maroon">Button</button>
<button class="btn btn-primary mb1 black bg-darken-1">Button</button>
<button class="btn btn-primary mb1 black bg-darken-2">Button</button>
<button class="btn btn-primary mb1 black bg-darken-3">Button</button>
<button class="btn btn-primary mb1 black bg-darken-4">Button</button>