Buttons in Responsive Templates

Draw attention to a link by adding the class button.

<a href="" class="button">A button</a>

Styling

There are a few classes available to modify the appearance of your button.

• expand – Makes the button stretch to the width of its container
• radius – Gives the button rounded corners
• color – Choose from any of the brand colors to customize the button

HTML

<a href="" class="button expand">This button is expanded</a>
<a href="" class="button radius">This button has rounded edges</a></p>
<a href="" class="button bowman">This is a bowman field button</a></p>
<a href="" class="button blueridge radius">This button is blue ridge and has rounded edges</a></p>

For more information see, Style Guide/Buttons.