#btns

v1.0.0

Use one background color to generate a large set of pre-configured, Sass based CSS buttons.

##Set-up

• Go to where the CSS sits within your project folder:

  cd your/project/css/directory

• Clone this repository into your CSS directory (note the . at the end):

  git clone https://github.com/FD0000/btns.git .

• Start watching btns.scss:

  sass --watch sass/btns.scss:btns.css --style expanded

• Open btns.scss and modify the base-bg color declaration at the top:

  $btn-base-bg: #FD0000;

• If needed - open btns.html in a browser to test how the button styles look.

##Usage

The basic layout:

<button class="btn">Text</button>

To include the colors:

<button class="btn btn--dark-two">Text</button>

To adjust the size:

<button class="btn btn--mix btn--lg">Text</button>

Or use on another element:

<a class="btn btn--base">Text</a>

##Notes

• Requires Sass.
• See the Wiki for the Project Roadmap.