Skip to content
This repository has been archived by the owner on Sep 16, 2019. It is now read-only.

using xlarge and xxlarge causes warnings #801

Closed
nitrokevin opened this issue Apr 20, 2016 · 3 comments
Closed

using xlarge and xxlarge causes warnings #801

nitrokevin opened this issue Apr 20, 2016 · 3 comments

Comments

@nitrokevin
Copy link

I have activated the xxlarge breakpoint in the settings and I'm now getting the following warnings when ever I update a file

WARNING: breakpoint(): the media query "xxlarge only" cannot be used because xxlarge is the largest breakpoint.
on line 56 of assets/components/foundation-sites/scss/util/_breakpoint.scss
from line 130 of assets/components/foundation-sites/scss/util/_breakpoint.scss
from line 54 of assets/components/foundation-sites/scss/components/_visibility.scss
from line 82 of assets/components/foundation-sites/scss/components/_visibility.scss
from line 32 of stdin

WARNING: breakpoint(): the media query "xxlarge down" cannot be used because xxlarge is the largest breakpoint.
on line 56 of assets/components/foundation-sites/scss/util/_breakpoint.scss
from line 130 of assets/components/foundation-sites/scss/util/_breakpoint.scss
from line 71 of assets/components/foundation-sites/scss/components/_top-bar.scss
from line 61 of stdin

@Aetles
Copy link
Contributor

Aetles commented Apr 25, 2016

Don't you think this is rather an issue with Foundation? It seems like it is already fixed since 6.2.0. (But since Foundation 6.2.0 was buggy it could be better to stay on 6.1.x for other reasons, even though 6.2.1 fixed some of the issues.)

@nitrokevin
Copy link
Author

Hi Aetles, thanks for the link, yeah that looks like the same issue, but I'm on 6.2.1 and still getting the warnings, not a major problem if it doesn't cause any real issues

@Leland
Copy link
Contributor

Leland commented Oct 18, 2016

As a point of reference, I'm using both xlarge and xxlarge successfully on my build.

You simply have to update the $breakpoint-classes in _settings.scss to include the two breakpoints. Final code should look like:

$breakpoint-classes: (small medium large xlarge xxlarge);

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants