diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index e69de29..f5ecdc5 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -0,0 +1,11 @@
+$bp-s: 576px;
+$bp-m: 768px;
+$bp-l: 992px;
+$bp-xl: 1200px;
+
+// use with max- queries - so that min- and max- queries with equal
+// breakpoints do not both evaluate to true
+$bp-max-s: 575.98px;
+$bp-max-m: 767.98px;
+$bp-max-l: 991.98px;
+$bp-max-xl: 1199.98px;