Button, Toggle Button and Repeat Button CSS Styling

Smart HTML Elements use a pair of css files – smart.base.css and smart.[theme name].css. The base stylesheet creates the styles related to the element’s layout like margin, padding, border-width, position. The second CSS file applies the HTML Element’s colors, fonts, borders and backgrounds. The smart.base.css should be included before the second CSS file. Below is the list of CSS classes and properties used by the Smart.Button.
  • –smart-border-width: Border width.
  • –smart-border-color: Border color.
  • –smart-focus-border-color: Border color, when the element is focused.
  • –smart-hover-border-color: Border color, when the element is hovered.
  • –smart-active-border-color: Border color, when the element is active.
  • –smart-disabled-border-color: Border color, when the element is disabled.
  • –smart-background-color: Background color.
  • –smart-focus-background-color: Background color, when the element is focused.
  • –smart-hover-background-color: Background color, when the element is hovered.
  • –smart-active-background-color:Background color, when the element is active.
  • –smart-disabled-background-color: Background color, when the element is disabled.
  • –smart-color: Text Color.
  • –smart-focus-color: Text color, when the element is focused.
  • –smart-hover-color: Text color, when the element is hovered.
  • –smart-active-color: Text color, when the element is active.
  • –smart-disabled-color: Text color, when the element is disabled.
  • –smart-font-family: Font family.
  • –smart-font-size: Font size.