Content
-
btn
-
Themes
-
btn--primary
-
btn--subtle
-
btn--accent
-
btn--primary
-
Feedback
-
btn--disabled
-
btn--disabled
-
Sizes
-
btn--sm
-
btn--md
-
btn--lg
-
btn--sm
Style
States
:hover
Appearance
Reset
Padding
Reset
Border
Click on + to add border
Reset
Typography
Reset
Text Shadow
Click on + to add text-shadow
Reset
Shadow
Click on + to add box-shadow
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
-
--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
👋 First time here?
This tool allows you to design a set of buttons, then export them as SCSS. It is built upon the CodyHouse Framework.
Explore → Get started | Components | Global Editors
✅ Saved new color variable. View colors