Info page
Copy:
Content
  • form-control
  • Open group Feedback
    • [aria-invalid]
    • [disabled]
  • Open group Misc
    • legend
    • form-label
content is loading
Open group States
Open group Appearance
Open group Padding
Open group Border
Click on + to add border
Open group Typography
Open group Placeholder
Open group Text Shadow
Click on + to add text-shadow
Open group Shadow
Click on + to add box-shadow
Open group Outline
Open group Transform
Click on + to add transform
Open group Transition
Click on + to add transition
Colors
Edit
Default
  • not specified
  • transparent
  • inherit
Main
  • --color-primary
  • --color-accent
Black + White
  • --color-black
  • --color-white
Feedback
  • --color-success
  • --color-warning
  • --color-error
Bg + Contrasts
  • --color-bg
  • --color-contrast-lower
  • --color-contrast-low
  • --color-contrast-medium
  • --color-contrast-high
  • --color-contrast-higher
All colors
Edit
Tints & shades
Opacity

👋 First time here?

This tool allows you to style the form elements of your web project, then export them as SCSS. It is built upon the CodyHouse Framework.

Explore → Get started | Components | Global Editors

Error: please try again or contact us