foundation-sites: [6.2] breakpoint names hardcoded in _breakpoints.scss?

I’m not using default classes for much, using F6 semantically with SASS. I had made some custom breakpoints that were (to me) more clearer than small, medium, etc. I’m now getting the following error when compiling F6 (via gulp-sass from the zurb template) that I didn’t have in previous versions.

Error in plugin 'sass'
Message:
    bower_components/foundation-sites/scss/util/_breakpoint.scss
Error: Your list of breakpoints (defined in $breakpoints) must include one named "small" and one named "medium".
        on line 22 of bower_components/foundation-sites/scss/util/_breakpoint.scss
>>   @error 'Your list of breakpoints (defined in $breakpoints) must include one 
   --^

There’s an easy fix around this obviously, but it’d be nice if things were a bit more agnostic like before. 😃

About this issue

Original URL
State: closed
Created 8 years ago
Comments: 24 (15 by maintainers)

Commits related to this issue

possible solution for #8257 taking first breakpoint and check if smallest and define it as zero-breakpoint — committed to DaSchTour/foundation-sites by DaSchTour 8 years ago
Merge pull request #8318 from DaSchTour/dev/8257 possible solution for #8257 — committed to foundation/foundation-sites by gakimball 8 years ago

Most upvoted comments

Why was the smallest breakpoint hardcoded in such a way in 6.2? I had defined two different breakpoints for small devices, xsmall and small because sometimes I need to tweak the layout for phones with 320px width. The xsmall breakpoint has 0px and it all worked until 6.2 introduced this “check”. Now I have to rename all my breakpoints and change all my HTML?

DaSchTour on Feb 29, 2016