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)', };