Impact Stack comes with lots of CSS classes that developers and advanced users can use to adjust the look of elements on their pages.

Buttons

You can add these classes to change the look of Button Content Blocks. You can combine size and colour classes like tiny secondary.

Size

• tiny to make the button tiny

• small to make the button small

• large to make the button large

• expanded to make the button full-width (tiny/small/large expanded is also possible)

Colours

• secondary to use the second colour of your Impact Stack theme for the button’s background colour

• hollow to make the background colour transparent

• hollow secondary to make the background colour transparent and the text and border of the button use your theme’s secondary colour

• clear to make the background and border of your button transparent

• clear secondary to make the background and border of your button transparent and use your theme’s secondary colour for the text

Typography