Crestron Components Lib - Showcase App

ch5-textinput styling

SASS variable Description
$ch5-textinput-text-color the text color of the textinput
$ch5-textinput-icon-text-color the color of the icon within the textinput
$ch5-textinput-label-text-color the color for the label of the textinput
$ch5-textinput-input-border-color the color for the border of the textinput
$ch5-textinput-input-text-color set the color of text for the textinput
$ch5-textinput-input-border-radius the border radius for the textinput
$ch5-textinput-input-border-width set the textinput border's width
$ch5-textinput-input-box-shadow-color the color for box shadow of the textinput
$ch5-textinput-font-size-unit set the font size unit for the textinput
$ch5-textinput-input-regular-tb-padding set top and bottom padding for regular size of the textinput
$ch5-textinput-input-regular-lr-padding set left and right padding for regular size of the textinput
$ch5-textinput-input-regular-min-width set the min width for regular size of the textinput
$ch5-textinput-regular-font-size set the font size for regular size of the textinput
$ch5-textinput-icon-regular-font-size set the font size of icon for regular size of the textinput
$ch5-textinput-icon-regular-tb-margin set top and bottom margin of icon for regular size of the textinput
$ch5-textinput-icon-regular-lr-margin set left and right margin of icon for regular size of the textinput
$ch5-textinput-x-small-font-size-value the value of font size for x-small size of the textinput
$ch5-textinput-x-small-font-size the font size for x-small size of the textinput
$ch5-textinput-input-x-small-tb-padding set top and bottom padding for x-small size of the textinput
$ch5-textinput-input-x-small-lr-padding set left and right padding for x-small size of the textinput
$ch5-textinput-input-x-small-min-width set the min width for x-small size of the textinput
$ch5-textinput-icon-x-small-font-size set the font size of icon for x-small size of the textinput
$ch5-textinput-icon-x-small-tb-margin set top and bottom margin of icon for x-small size of the textinput
$ch5-textinput-icon-x-small-lr-margin set left and right margin of icon for x-small size of the textinput
$ch5-textinput-small-font-size-value the value of font size for small size of the textinput
$ch5-textinput-small-font-size the font size for small size of the textinput
$ch5-textinput-input-small-tb-padding set top and bottom padding for small size of the textinput
$ch5-textinput-input-small-lr-padding set left and right padding for small size of the textinput
$ch5-textinput-input-small-min-width set the min width for small size of the textinput
$ch5-textinput-icon-small-font-size set the font size of icon for small size of the textinput
$ch5-textinput-icon-small-tb-margin set top and bottom margin of icon for small size of the textinput
$ch5-textinput-icon-small-lr-margin set left and right margin of icon for small size of the textinput
$ch5-textinput-large-font-size-value the value of font size for large size of the textinput
$ch5-textinput-large-font-size the font size for large size of the textinput
$ch5-textinput-input-large-tb-padding set top and bottom padding for large size of the textinput
$ch5-textinput-input-large-lr-padding set left and right padding for large size of the textinput
$ch5-textinput-input-large-min-width set the min width for large size of the textinput
$ch5-textinput-icon-large-font-size set the font size of icon for large size of the textinput
$ch5-textinput-icon-large-tb-margin set top and bottom margin of icon for large size of the textinput
$ch5-textinput-icon-large-lr-margin set left and right margin of icon for large size of the textinput
$ch5-textinput-x-large-font-size-value the value of font size for x-large size of the textinput
$ch5-textinput-x-large-font-size the font size for x-large size of the textinput
$ch5-textinput-input-x-large-tb-padding set top and bottom padding for x-large size of the textinput
$ch5-textinput-input-x-large-lr-padding set left and right padding for x-large size of the textinput
$ch5-textinput-input-x-large-min-width set the min width for x-large size of the textinput
$ch5-textinput-icon-x-large-font-size set the font size of icon for x-large size of the textinput
$ch5-textinput-icon-x-large-tb-margin set top and bottom margin of icon for x-large size of the textinput
$ch5-textinput-icon-x-large-lr-margin set left and right margin of icon for x-large size of the textinput