{"action":"created","issue":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/7587","labels_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7587/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7587/comments","events_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7587/events","html_url":"https://github.com/zurb/foundation-sites/issues/7587","id":122626748,"number":7587,"title":"[ruby-sass] breakpoint(small down) doesn't render media query","user":{"login":"TvrtkoM","id":551965,"avatar_url":"https://avatars.githubusercontent.com/u/551965?v=3","gravatar_id":"","url":"https://api.github.com/users/TvrtkoM","html_url":"https://github.com/TvrtkoM","followers_url":"https://api.github.com/users/TvrtkoM/followers","following_url":"https://api.github.com/users/TvrtkoM/following{/other_user}","gists_url":"https://api.github.com/users/TvrtkoM/gists{/gist_id}","starred_url":"https://api.github.com/users/TvrtkoM/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/TvrtkoM/subscriptions","organizations_url":"https://api.github.com/users/TvrtkoM/orgs","repos_url":"https://api.github.com/users/TvrtkoM/repos","events_url":"https://api.github.com/users/TvrtkoM/events{/privacy}","received_events_url":"https://api.github.com/users/TvrtkoM/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/zurb/foundation-sites/labels/bug","name":"bug","color":"e11d21"},{"url":"https://api.github.com/repos/zurb/foundation-sites/labels/scss","name":"scss","color":"c6538c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-12-16T23:24:30Z","updated_at":"2015-12-17T20:08:50Z","closed_at":null,"body":"In compiled foundation.css there's a media query for *@include breakpoint(small down)* mixin. This can be seen at the end of the foundation.css: \r\n\r\n    @media screen and (max-width: 39.9375em) {\r\n      .top-bar-right {\r\n        width: 100%; }\r\n      .top-bar-left {\r\n        width: 100%; } }\r\n\r\nBut if I use *@include foundation-everything*  same breakpoint renders following css (no media query):\r\n\r\n    .top-bar-right {\r\n      width: 100%; }\r\n\r\n    .top-bar-left {\r\n      width: 100%; }\r\n\r\nThis makes top bar stack on all screen sizes if scss is used."},"comment":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/comments/165568790","html_url":"https://github.com/zurb/foundation-sites/issues/7587#issuecomment-165568790","issue_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7587","id":165568790,"user":{"login":"TvrtkoM","id":551965,"avatar_url":"https://avatars.githubusercontent.com/u/551965?v=3","gravatar_id":"","url":"https://api.github.com/users/TvrtkoM","html_url":"https://github.com/TvrtkoM","followers_url":"https://api.github.com/users/TvrtkoM/followers","following_url":"https://api.github.com/users/TvrtkoM/following{/other_user}","gists_url":"https://api.github.com/users/TvrtkoM/gists{/gist_id}","starred_url":"https://api.github.com/users/TvrtkoM/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/TvrtkoM/subscriptions","organizations_url":"https://api.github.com/users/TvrtkoM/orgs","repos_url":"https://api.github.com/users/TvrtkoM/repos","events_url":"https://api.github.com/users/TvrtkoM/events{/privacy}","received_events_url":"https://api.github.com/users/TvrtkoM/received_events","type":"User","site_admin":false},"created_at":"2015-12-17T20:08:50Z","updated_at":"2015-12-17T20:08:50Z","body":"here's the difference between minimized dist/foundation.css and css generated by ruby-sass with change from ab1b25a\r\n\r\nhttps://www.diffchecker.com/4tscduxg\r\n\r\nLooks like no difference is related to media queries, but I'm not really sure will it break anything.\r\nrunning gulp test i get this:\r\n\r\n    Breakpoint returns an empty string for the values zero down or zero up {\r\n      ✗: Expected \"(max-width: 39.9375em)\" to be \"\";\r\n      ✗: Expected \"(max-width: 0em)\" to be \"\";\r\n      Test: Failed; }\r\n\r\n\r\n"}}