Content
-
form-control
-
Feedback
-
[aria-invalid]
-
[disabled]
-
[aria-invalid]
-
Misc
-
legend
-
form-label
-
legend
States
:hover
Appearance
Reset
Padding
Reset
Margin
Reset
Border
Click on + to add border
Reset
Typography
Reset
Placeholder
Reset
Text Shadow
Click on + to add text-shadow
Reset
Shadow
Click on + to add box-shadow
Copy from origin
Reset
Outline
Reset
Transform
Click on + to add transform
Reset
Transition
Click on + to add transition
Reset
Colors
Default
-
not specified
-
transparent
-
inherit
Main
-
--color-primary-lighter
-
--color-primary-light
-
--color-primary
-
--color-primary-dark
-
--color-primary-darker
-
--color-accent-lighter
-
--color-accent-light
-
--color-accent
-
--color-accent-dark
-
--color-accent-darker
Black + White
-
--color-black
-
--color-white
Feedback
-
--color-success-lighter
-
--color-success-light
-
--color-success
-
--color-success-dark
-
--color-success-darker
-
--color-warning-lighter
-
--color-warning-light
-
--color-warning
-
--color-warning-dark
-
--color-warning-darker
-
--color-error-lighter
-
--color-error-light
-
--color-error
-
--color-error-dark
-
--color-error-darker
Gradients
-
--gradient-primary (right)
-
--gradient-primary (bottom)
Background
-
--color-bg
Contrasts
-
--color-bg
-
--color-contrast-lower
-
--color-contrast-low
-
--color-contrast-medium
-
--color-contrast-high
-
--color-contrast-higher
👋 First time here?
Design and export (SCSS) form elements compatible with CodyFrame.
Learn more → Get started | Components | Global Style
Error: please try again or contact us.