Info page
Copy:
Content
  • btn
  • Open group Themes
    • btn--primary
    • btn--subtle
    • btn--accent
  • Open group Feedback
    • btn--disabled
  • Open group Sizes
    • btn--sm
    • btn--md
    • btn--lg
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 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 design a set of buttons, then export them as SCSS. It is built upon the CodyHouse Framework.

Explore → Get started | Components | Global Editors

Button label already in use

Error: please try again or contact us