# Breakpoints

Prendendo ispirazione da Bootstrap, sono state definite 5 misure per i breakpoints.

Nome Misura UP Misura Down
xs 0 0
sm >= 576px <= 575px
md >= 768px <= 767px
lg >= 992px <= 991px
xl >= 1200px <= 1199px
xxl >= 1400px <= 1399px

Questi breakpoint sono personalizzabili attraverso le apposite variabili SCSS e quindi overridabili.

$bp-sm: 576px;
$bp-md: 768px;
$bp-lg: 992px;
$bp-xl: 1200px;
$bp-xxl: 1400px;

Media Query

Questi breakpoint sono utilizzati anche nei mixin relativi alle media query. Vedi l'apposita sezione di questa documentazione.