<h1>New Action Buttons</h1> <div class="btn"> <h2>Default Button</h2> <h4>Buttons most used in applications.</h4> <a class="scButton_default" title="Buttons most used in applications." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;"">Default Button</a> <a class="scButton_default selected" title="Buttons most used in applications." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;"">Default Button</a> <a class="scButton_default disabled" title="Buttons most used in applications." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;"">Default Button</a>
<a class="scButton_small" title="Buttons most used in applications." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;"">Default Button</a> <a class="scButton_small selected" title="Buttons most used in applications." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;"">Default Button</a> <a class="scButton_small disabled" title="Buttons most used in applications." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;"">Default Button</a> </div> <div class="btn"> <h2>Cancel Button</h2> <h4>Negative action buttons. Used to cancel an action.</h4> <a class="scButton_danger" title="Negative action buttons. Used to cancel an action." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fas fa-ban"></i>Cancel Button</a> <a class="scButton_danger disabled" title="Negative action buttons. Used to cancel an action." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fas fa-ban"></i>Cancel Button</a> <a class="scButton_cancel" title="Negative action buttons. Used to cancel an action." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fas fa-ban"></i>Cancel Button</a> <a class="scButton_cancel disabled" title="Negative action buttons. Used to cancel an action." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fas fa-ban"></i>Cancel Button</a> </div> <div class="btn"> <h2>Confirm Button</h2> <h4>Positive action button. Used to confirm an action.</h4> <a class="scButton_ok" title="Positive action button. Used to confirm an action." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fas fa-check"></i>Confirm Button</a> <a class="scButton_ok disabled" title="Positive action button. Used to confirm an action." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fas fa-check"></i>Confirm Button</a> <a class="scButton_check" title="Positive action button. Used to confirm an action." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fas fa-check"></i>Confirm Button</a> <a class="scButton_check disabled" title="Positive action button. Used to confirm an action." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fas fa-check"></i>Confirm Button</a> </div> <div class="btn"> <h2>Social Button</h2> <h4>Used for authentication on social networks.</h4> <a class="scButton_facebook" title="Used for authentication on social networks." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fab fa-facebook-f"></i>Facebook</a> <a class="scButton_facebook disabled" title="Used for authentication on social networks." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fab fa-facebook-f"></i>Facebook</a>
<a class="scButton_google" title="Used for authentication on social networks." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fab fa-google"></i>Google +</a> <a class="scButton_google disabled" title="Used for authentication on social networks." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fab fa-google"></i>Google +</a>
<a class="scButton_twitter" title="Used for authentication on social networks." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fab fa-twitter"></i>Twitter</a> <a class="scButton_twitter disabled" title="Used for authentication on social networks." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fab fa-twitter"></i>Twitter</a>
<a class="scButton_paypal" title="Used for authentication on social networks." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fab fa-paypal"></i>Paypal</a> <a class="scButton_paypal disabled" title="Used for authentication on social networks." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fab fa-paypal"></i>Paypal</a>
<a class="scButton_youtube" title="Used for authentication on social networks." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fab fa-youtube"></i>Youtube</a> <a class="scButton_youtube disabled" title="Used for authentication on social networks." style="vertical-align: middle; display:inline-block;margin-right: 15px;margin-bottom:15px;min-width:80px;""><i class="fab fa-youtube"></i>Youtube</a> </div>

New Action Buttons

Default Button

Buttons most used in applications.

Default Button Default Button Default Button
Default Button Default Button Default Button

Cancel Button

Negative action buttons. Used to cancel an action.

Cancel Button Cancel Button Cancel Button Cancel Button

Confirm Button

Positive action button. Used to confirm an action.

Confirm Button Confirm Button Confirm Button Confirm Button

Social Button

Used for authentication on social networks.

Facebook Facebook
Google + Google +
Twitter Twitter
Paypal Paypal
Youtube Youtube