Breakpoint

Nimbus tiene breakpoints definidos para que las interfaces construidas con él se adapten de forma responsiva, proporcionando una experiencia adecuada a través de diferentes tamaños de pantalla.

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.