Crestron Components Lib - Showcase App

ch5-toggle styling

SASS variable Description
$ch5-toggle-label-font-size label font size
$ch5-toggle-label-margin label margin
$ch5-toggle-text-font-size font size applied on the on|off label
$ch5-toggle-icon-font-size font size applied on the on|off icon
$ch5-toggle-handle-oval-margin handle margin when the shape="oval"
$ch5-toggle-handle-rectangle-margin handle margin when the shape="rectangle"
$ch5-toggle-handle-checked-color the background color of the handle when value is true(checked)
$ch5-toggle-label-font-color the text color of the label
$ch5-toggle-text-font-color the text color of the on|off label
$ch5-toggle-icon-font-color the text of the on|off icon
$ch5-toggle-handle-oval-background the background color of the handle when shape="oval"
$ch5-toggle-oval-label-on-color the text color of the on label when shape="oval"
$ch5-toggle-oval-label-off-color the text color of the off label when shape="oval"
$ch5-toggle-oval-knob-color the background color of the knob when shape="oval"
$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"