Breakpoints are in the map $breakpoints

• xs: 320px, // Smartphone
• sm: 600px, // Tablets
• md: 900px, // Tablets Landscape and small desktops
• lg: 1200px, // Desktops
• xl: 1800px, // Large Desktop

Breakpoints can be called in the sass project using the functions:

bp($bp) which will output a value in em

bp-var($bp, $true-val:false) which will output the CSS variable

Usage of bp():

• bp(sm); => 36em

Usage of bp-var():

• bp-var(sm); => var(--bp-sm); If $use-css-var = true
• bp-var(sm); => 576px; If $use-css-var = false
• bp-var(sm, true) => 576px;