From 4e499003c6186b81850c4ea80945cc3e065a3ab0 Mon Sep 17 00:00:00 2001
From: Michael Lange <dingoeatingfuzz@gmail.com>
Date: Wed, 13 Feb 2019 08:58:25 -0800
Subject: [PATCH] Change breakpoints to match Nomad/Bulma widths

---
 ui/app/breakpoints.js | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/ui/app/breakpoints.js b/ui/app/breakpoints.js
index 593ab00f7..55288939b 100644
--- a/ui/app/breakpoints.js
+++ b/ui/app/breakpoints.js
@@ -1,5 +1,9 @@
+// Breakpoints are meant to match Bulma's breakpoints and any additional custom breakpoints
+// https://github.com/jgthms/bulma/blob/6ad2e3df0589e5d6ff7a9c03ee1c78a546bedeaf/sass/utilities/initial-variables.sass#L48-L59
+// https://github.com/jgthms/bulma/blob/6ad2e3df0589e5d6ff7a9c03ee1c78a546bedeaf/sass/utilities/mixins.sass#L71-L130
 export default {
-  mobile: '(max-width: 767px)',
-  tablet: '(min-width: 768px) and (max-width: 991px)',
-  desktop: '(min-width: 992px) and (max-width: 1200px)',
+  mobile: '(max-width: 768px)',
+  tablet: '(min-width: 769px)',
+  desktop: '(min-width: 1088px)',
+  gutterless: '(max-width: 960px)',
 };