blob: ab7d33aa77068716bf9a389c682d240382a0e22f (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
|
// Canonical viewport breakpoints. Always max-width queries.
//
// $bp-sm : phones (collapses 500, 512, 600)
// $bp-md : small tablets, narrow (collapses 768, 800)
// $bp-lg : laptops (collapses 1000, 1024)
// $bp-xl : standard desktops
// $bp-2xl : wide / external monitors
$bp-sm: 600px;
$bp-md: 800px;
$bp-lg: 1024px;
$bp-xl: 1280px;
$bp-2xl: 1600px;
|