Crutches CSS Library


Colours

Primary Text Secondary Text Error Text Info Text Red Text Orange Text Yellow Text Green Text Blue Text Purple Text Gray Text Black Text White Text
Primary Background Secondary Background Error Background Info Background Red Background Orange Background Yellow Background Green Background Blue Background Purple Background Gray Background Black Background White Background

Font Sizes

Extra Small

Small

Default

Large

Extra Large

Extra Extra Large

Extra Extra Extra Large


Buttons

Buttons customizable from colours, to borders with hover effects and more.

No initial styling and secondary hover

Primary colour with built in hover

Secondary colour with built in hover

Error colour with built in hover

Info colour with built in hover

Outline primary style with text hover

Complementary colour light hover effect

Complementary colour dark hover effect


Cards

Cards with titles with different colours, separators, buttons and more.

Card title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis ipsum iusto nostrum dolorum tempore voluptates autem, est id suscipit enim!

stock photo of landscape and winding road

Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis ipsum Lorem ipsum dolor sit amet consectetur.


Utilities