Breakpoint-specific settings for use in the entire project, including media
queries, layout, typography and components.
Our global breakpoints are stored in the
$mq-breakpoints map, and can be used
in media queries via the external
dependency (included by default). For usage guidelines, see
These breakpoints can be found across the entire Toolkit project, and are
often represented by
@breakpoint-name in various utilities and components.