Circular Button
The circular button component, prefixed by gds-circular-button, is used to style <button> tags. Note that all optional classes may be used in combination with each other, for example on a single element with gds-circular-button--success, gds-circular-button--lg, & gds-circular-button--block classes. To indicate that a button is disabled, use the disabled="disabled" HTML attribute.
To make a button appear at block level at a specific breakpoint and below, use the breakpoint-specific block modifiers.
<button class="gds-circular-button gds-circular-button--primary"><i class="fa fa-fw fa-trash-o"></i></button>
Optional classes:
gds-circular-button--xsgds-circular-button--smgds-circular-button--lggds-circular-button--xlgds-circular-button--secondarygds-circular-button--successgds-circular-button--warninggds-circular-button--infogds-circular-button--dangergds-circular-button--darkgds-circular-button--whitegds-circular-button--togglegds-circular-button--activegds-circular-button--darkgds-circular-button--dark-primarygds-circular-button--dark-secondarygds-circular-button--dark-tertiarygds-circular-button--dark-successgds-circular-button--dark-infogds-circular-button--dark-warninggds-circular-button--dark-dangergds-circular-button--dark-togglegds-circular-button__imagegds-circular-button--inactive