Button

Purpose

Buttons are used for calls to action, and are meant to draw the users eye.

Markup

• Buttons may be created using <button> or <a> tags and adding the desired btn class. btn and btn-green are the only predefined colored buttons. See the styling section for making different colored buttons. You can also add an icon to the button if desired.

       <button class="btn">Apply Now</button>
  

Styling

• Use the mixin in the buttons.less file to make custom buttons by defining the base background color and a text color.

       .btn-yellow {
           .standard-button(#ffcc00, #666);
       }
  

Functionality / Javascript

• No javascript required