Crestron Components Lib - Showcase App

ch5-button styling

SASS variable Description
$ch5-button-icon-padding the padding for icon of the button
$ch5-button-img-margin the margin for image of the button
$ch5-button-img-height the height for image of the button
$ch5-button-img-width the width for image of the button
$ch5-button-circle-icon-height the height for icon of the button with circle form
$ch5-button-circle-icon-width the width for icon of the button with circle form
$ch5-button-circle-icon-line-height the line height for icon of the button with circle form
$ch5-button-text-padding the padding for text of the button
$ch5-button-border-radius the border radius of the button
$ch5-button-circle-border-radius the border radius of the button with circle form
$ch5-button-oval-border-radius the border radius of the button with oval form
$ch5-button-tab-border-radius the border radius of the button with tab form
$ch5-button-x-small-font-size the font size of the button with x-small size
$ch5-button-x-small-padding the padding of the button with x-small size
$ch5-button-small-font-size the font size of the button with small size
$ch5-button-small-padding the padding of the button with small size
$ch5-button-large-font-size the font size of the button with large size
$ch5-button-large-padding the padding of the button with large size
$ch5-button-x-large-font-size the font size of the button with x-large size
$ch5-button-x-large-padding the padding of the button with x-large size
$ch5-button-text-border-color the border color of the button
$ch5-button-text-font-color the font color of the button
$ch5-button-text-default-border-color the border color for text of the button
$ch5-button-text-default-background-color the background color for text of the button
$ch5-button-text-default-font-color the font color for text of the button
$ch5-button-text-selected-border-color the border color for text of the selected button
$ch5-button-text-selected-background-color the background color for text of the selected button
$ch5-button-text-selected-font-color the font color for text of the selected button
$ch5-button-text-pressed-border-color the border color for text of the pressed button
$ch5-button-text-pressed-background-color the background color for text of the pressed button
$ch5-button-text-pressed-font-color the font color for text of the pressed button
$ch5-button-text-disabled-border-color the border color for text of the disabled button
$ch5-button-text-disabled-background-color the background color for text of the disabled button
$ch5-button-text-disabled-font-color the font color for text of the disabled button
$ch5-button-danger-border-color the border color of the button
$ch5-button-danger-font-color the font color of the button
$ch5-button-danger-default-border-color the border color for danger type of the button
$ch5-button-danger-default-background-color the background color for danger type of the button
$ch5-button-danger-default-font-color the font color for danger type of the button
$ch5-button-danger-selected-border-color the border color for danger type of the selected button
$ch5-button-danger-selected-background-color the background color for danger type of the selected button
$ch5-button-danger-selected-font-color the font color for danger type of the selected button
$ch5-button-danger-pressed-border-color the border color for danger type of the pressed button
$ch5-button-danger-pressed-background-color the background color for danger type of the pressed button
$ch5-button-danger-pressed-font-color the font color for danger type of the pressed button
$ch5-button-danger-disabled-border-color the border color for danger type of the disabled button
$ch5-button-danger-disabled-background-color the background color for danger type of the disabled button
$ch5-button-danger-disabled-font-color the font color for danger type of the disabled button
$ch5-button-warning-border-color the border color of the button
$ch5-button-warning-font-color the font color of the button
$ch5-button-warning-default-border-color the border color for warning type of the button
$ch5-button-warning-default-background-color the background color for warning type of the button
$ch5-button-warning-default-font-color the font color for warning type of the button
$ch5-button-warning-selected-border-color the border color for warning type of the selected button
$ch5-button-warning-selected-background-color the background color for warning type of the selected button
$ch5-button-warning-selected-font-color the font color for warning type of the selected button
$ch5-button-warning-pressed-border-color the border color for warning type of the pressed button
$ch5-button-warning-pressed-background-color the background color for warning type of the pressed button
$ch5-button-warning-pressed-font-color the font color for warning type of the pressed button
$ch5-button-warning-disabled-border-color the border color for warning type of the disabled button
$ch5-button-warning-disabled-background-color the background color for warning type of the disabled button
$ch5-button-warning-disabled-font-color the font color for warning type of the disabled button
$ch5-button-info-border-color the border color of the button
$ch5-button-info-font-color the font color of the button
$ch5-button-info-default-border-color the border color for info type of the button
$ch5-button-info-default-background-color the background color for info type of the button
$ch5-button-info-default-font-color the font color for info type of the button
$ch5-button-info-selected-border-color the border color for info type of the selected button
$ch5-button-info-selected-background-color the background color for info type of the selected button
$ch5-button-info-selected-font-color the font color for info type of the selected button
$ch5-button-info-pressed-border-color the border color for info type of the pressed button
$ch5-button-info-pressed-background-color the background color for info type of the pressed button
$ch5-button-info-pressed-font-color the font color for info type of the pressed button
$ch5-button-info-disabled-border-color the border color for info type of the disabled button
$ch5-button-info-disabled-background-color the background color for info type of the disabled button
$ch5-button-info-disabled-font-color the font color for info type of the disabled button
$ch5-button-success-border-color the border color of the button
$ch5-button-success-font-color the font color of the button
$ch5-button-success-default-border-color the border color for success type of the button
$ch5-button-success-default-background-color the background color for success type of the button
$ch5-button-success-default-font-color the font color for success type of the button
$ch5-button-success-selected-border-color the border color for success type of the selected button
$ch5-button-success-selected-background-color the background color for success type of the selected button
$ch5-button-success-selected-font-color the font color for success type of the selected button
$ch5-button-success-pressed-border-color the border color for success type of the pressed button
$ch5-button-success-pressed-background-color the background color for success type of the pressed button
$ch5-button-success-pressed-font-color the font color for success type of the pressed button
$ch5-button-success-disabled-border-color the border color for success type of the disabled button
$ch5-button-success-disabled-background-color the background color for success type of the disabled button
$ch5-button-success-disabled-font-color the font color for success type of the disabled button
$ch5-button-default-border-color the border color of the button
$ch5-button-default-font-color the font color of the button
$ch5-button-default-default-border-color the border color for default type of the button
$ch5-button-default-default-background-color the background color for default type of the button
$ch5-button-default-default-font-color the font color for default type of the button
$ch5-button-default-selected-border-color the border color for default type of the selected button
$ch5-button-default-selected-background-color the background color for default type of the selected button
$ch5-button-default-selected-font-color the font color for default type of the selected button
$ch5-button-default-pressed-border-color the border color for default type of the pressed button
$ch5-button-default-pressed-background-color the background color for default type of the pressed button
$ch5-button-default-pressed-font-color the font color for default type of the pressed button
$ch5-button-default-disabled-border-color the border color for default type of the disabled button
$ch5-button-default-disabled-background-color the background color for default type of the disabled button
$ch5-button-default-disabled-font-color the font color for default type of the disabled button
$ch5-button-primary-border-color the border color of the button
$ch5-button-primary-font-color the font color of the button
$ch5-button-primary-default-border-color the border color for primary type of the button
$ch5-button-primary-default-background-color the background color for primary type of the button
$ch5-button-primary-default-font-color the font color for primary type of the button
$ch5-button-primary-selected-border-color the border color for primary type of the selected button
$ch5-button-primary-selected-background-color the background color for primary type of the selected button
$ch5-button-primary-selected-font-color the font color for primary type of the selected button
$ch5-button-primary-pressed-border-color the border color for primary type of the pressed button
$ch5-button-primary-pressed-background-color the background color for primary type of the pressed button
$ch5-button-primary-pressed-font-color the font color for primary type of the pressed button
$ch5-button-primary-disabled-border-color the border color for primary type of the disabled button
$ch5-button-primary-disabled-background-color the background color for primary type of the disabled button
$ch5-button-primary-disabled-font-color the font color for primary type of the disabled button
$ch5-button-secondary-border-color the border color of the button
$ch5-button-secondary-font-color the font color of the button
$ch5-button-secondary-default-border-color the border color for secondary type of the button
$ch5-button-secondary-default-background-color the background color for secondary type of the button
$ch5-button-secondary-default-font-color the font color for secondary type of the button
$ch5-button-secondary-selected-border-color the border color for secondary type of the selected button
$ch5-button-secondary-selected-background-color the background color for secondary type of the selected button
$ch5-button-secondary-selected-font-color the font color for secondary type of the selected button
$ch5-button-secondary-pressed-border-color the border color for secondary type of the pressed button
$ch5-button-secondary-pressed-background-color the background color for secondary type of the pressed button
$ch5-button-secondary-pressed-font-color the font color for secondary type of the pressed button
$ch5-button-secondary-disabled-border-color the border color for secondary type of the disabled button
$ch5-button-secondary-disabled-background-color the background color for secondary type of the disabled button
$ch5-button-secondary-disabled-font-color the font color for secondary type of the disabled button