basscss-btn-primary
Solid button color style module for Basscss
Last updated 9 years ago by jxnblk .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ npm install basscss-btn-primary 
SYNC missed versions from official npm registry.

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>

Current Tags

  • 1.0.0-beta.1                                ...           beta (9 years ago)
  • 1.1.0                                ...           latest (9 years ago)

6 Versions

  • 1.1.0                                ...           9 years ago
  • 1.0.2                                ...           9 years ago
  • 1.0.1                                ...           9 years ago
  • 1.0.0                                ...           9 years ago
  • 1.0.0-beta.1                                ...           9 years ago
  • 1.0.0-beta.0                                ...           9 years ago
Maintainers (1)
Downloads
Total 0
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (0)
None
Dev Dependencies (4)
Dependents (1)

© 2010 - cnpmjs.org x YWFE | Home | YWFE