diff options
Diffstat (limited to 'src/styles/_breakpoints.scss')
| -rw-r--r-- | src/styles/_breakpoints.scss | 13 |
1 files changed, 13 insertions, 0 deletions
diff --git a/src/styles/_breakpoints.scss b/src/styles/_breakpoints.scss new file mode 100644 index 00000000..ab7d33aa --- /dev/null +++ b/src/styles/_breakpoints.scss @@ -0,0 +1,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; |