Crestron Components Lib - Showcase App

ch5-toggle styling

SASS variable Description
$ch5-toggle-font-size-unit default font size unit
$ch5-toggle-font-size-value default font size value
$ch5-toggle-font-size default font size
$ch5-toggle-font-style default font style
$ch5-toggle-font-weight default font weight
$ch5-toggle-label-font-size label font size
$ch5-toggle-label-font-style label font style
$ch5-toggle-label-font-weight label font weight
$ch5-toggle-label-font-color the text color of the label
$ch5-toggle-label-margin label margin
$ch5-toggle-text-font-size font size applied on the on|off label
$ch5-toggle-text-font-style font style applied on the on|off label
$ch5-toggle-text-font-weight font weight applied on the on|off label
$ch5-toggle-text-font-color the text color of the on|off label
$ch5-toggle-icon-font-size font size applied on the on|off icon
$ch5-toggle-handle-circle-margin handle margin when the shape="circle"
$ch5-toggle-icon-font-style font style applied on the on|off icon
$ch5-toggle-icon-font-weight font weight applied on the on|off icon
$ch5-toggle-icon-font-color the color of the on|off icon
$ch5-toggle-handle-oval-margin handle margin when the shape="oval"
$ch5-toggle-icon-font-style font style applied on the on|off icon
$ch5-toggle-icon-font-weight font weight applied on the on|off icon
$ch5-toggle-handle-checked-color the background color of the handle when value is true(checked)
$ch5-toggle-handle-circle-background the background color of the handle when shape="circle"
$ch5-toggle-circle-label-on-color the text color of the on label when shape="circle"
$ch5-toggle-circle-label-off-color the text color of the off label when shape="circle"
$ch5-toggle-circle-knob-color the background color of the knob when shape="circle"
$ch5-toggle-handle-rectangle-background the background color of the handle when shape="rectangle"
$ch5-toggle-rectangle-label-on-color the text color of the on label when shape="rectangle"
$ch5-toggle-rectangle-label-off-color the text color of the off label when shape="rectangle"
$ch5-toggle-rectangle-knob-color the background color of the knob when shape="rectangle"