basscss-color-buttons

Button color styles module for Basscss

Deprecated in favor of basscss-btn-primary
Last updated 9 years ago by jxnblk .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ npm install basscss-color-buttons 
SYNC missed versions from official npm registry.

This module has been deprecated in favor of basscss-btn-primary

Basscss Color Buttons

Button color styles module for Basscss

basscss.com

Includes the following basic button modules: .button-blue, .button-blue-outline, .button-light-gray, .button-red, .button-nav-light, and .button-nav-dark.

Use these styles on button elements, or with the basscss-base-buttons module for links and input buttons.

<div class="mb1">
  <button>Button</button>
  <a href="#!" class="button">Link Button</a>
  <input type="button" class="button" value="Input Button">
</div>
<div class="mb1">
  <button class="button-blue mb1">Button Blue</button>
  <button class="button-blue-outline mb1">Button Blue Outline</button>
  <button class="button-light-gray mb1">Button Light Gray</button>
  <button class="button-red mb1">Button Red</button>
</div>

Button styles can be used for navigation. The .button-nav-light style adds a subtle hover effect for links on a light background.

<div class="mxn1">
  <a href="#!" class="button button-narrow button-nav-light">Burgers</a>
  <a href="#!" class="button button-narrow button-nav-light">Fries</a>
  <a href="#!" class="button button-narrow button-nav-light">Shakes</a>
  <a href="#!" class="button button-narrow button-nav-light">Onion Rings</a>
</div>

For dark backgrounds, use the .button-nav-dark style.

<div class="bg-dark-gray">
  <a href="#!" class="button button-narrow button-nav-dark">Burgers</a>
  <a href="#!" class="button button-narrow button-nav-dark">Fries</a>
  <a href="#!" class="button button-narrow button-nav-dark">Shakes</a>
  <a href="#!" class="button button-narrow button-nav-dark">Onion Rings</a>
</div>

Current Tags

  • 1.0.2                                ...           latest (9 years ago)

10 Versions

  • 1.0.2 [deprecated]           ...           9 years ago
  • 1.0.1 [deprecated]           ...           10 years ago
  • 1.0.0 [deprecated]           ...           10 years ago
  • 0.1.2 [deprecated]           ...           10 years ago
  • 0.1.1 [deprecated]           ...           10 years ago
  • 0.1.0 [deprecated]           ...           10 years ago
  • 0.0.4 [deprecated]           ...           10 years ago
  • 0.0.3 [deprecated]           ...           10 years ago
  • 0.0.2 [deprecated]           ...           10 years ago
  • 0.0.1 [deprecated]           ...           10 years ago
Maintainers (1)
Downloads
Total 1
Today 1
This Week 1
This Month 1
Last Day 0
Last Week 0
Last Month 0
Dev Dependencies (0)
None
Dependents (2)

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