Breakpoint

O Nimbus possui breakpoints definidos para que as interfaces construídas com ele se adaptem de forma responsiva, proporcionando uma experiência adequada em diferentes tamanhos de tela.

Reference

Token name

Token usage

Role

0px

breakpoint-xs

-

Commonly used for mobile resolutions.

672px

breakpoint-md

-

Commonly used for tablet resolutions.

1024px

breakpoint-lg

-

Commonly used for small desktop resolutions.

1200px

breakpoint-xl

-

Commonly used for bigger desktop resolutions.