{"action":"created","issue":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/7109","labels_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7109/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7109/comments","events_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7109/events","html_url":"https://github.com/zurb/foundation-sites/issues/7109","id":118197662,"number":7109,"title":"Sass Error when changing breakpoints.","user":{"login":"christianmagill","id":2133370,"avatar_url":"https://avatars.githubusercontent.com/u/2133370?v=3","gravatar_id":"","url":"https://api.github.com/users/christianmagill","html_url":"https://github.com/christianmagill","followers_url":"https://api.github.com/users/christianmagill/followers","following_url":"https://api.github.com/users/christianmagill/following{/other_user}","gists_url":"https://api.github.com/users/christianmagill/gists{/gist_id}","starred_url":"https://api.github.com/users/christianmagill/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/christianmagill/subscriptions","organizations_url":"https://api.github.com/users/christianmagill/orgs","repos_url":"https://api.github.com/users/christianmagill/repos","events_url":"https://api.github.com/users/christianmagill/events{/privacy}","received_events_url":"https://api.github.com/users/christianmagill/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-11-21T13:48:23Z","updated_at":"2015-11-30T23:28:12Z","closed_at":null,"body":"I get a compilation error when changing breakpoints using the example code.\r\n\r\n$breakpoints: (\r\n        small: rem-calc(0),\r\n        medium: rem-calc(640),\r\n        large: rem-calc(1024),\r\n        xlarge: rem-calc(1200),\r\n        xxlarge: rem-calc(1440)\r\n);\r\n\r\nLibsass 3.4.1\r\n\r\n--\r\n\r\nbower_components/foundation-sites/scss/util/_unit.scss\r\nError: argument `$number` of `unit($number)` must be a number\r\n\r\n       Backtrace:\r\n       \tbower_components/foundation-sites/scss/util/_unit.scss:49, in function `unit`\r\n       \tbower_components/foundation-sites/scss/util/_unit.scss:49, in function `-zf-bp-to-em`\r\n       \tbower_components/foundation-sites/scss/util/_breakpoint.scss:146, in function `-zf-bp-serialize`\r\n       \tbower_components/foundation-sites/scss/foundation.scss:52\r\n        on line 49 of bower_components/foundation-sites/scss/util/_unit.scss\r\n>>   @if unit($value) == 'px' or unit($value) == '' {\r\n   ------^"},"comment":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/comments/160796835","html_url":"https://github.com/zurb/foundation-sites/issues/7109#issuecomment-160796835","issue_url":"https://api.github.com/repos/zurb/foundation-sites/issues/7109","id":160796835,"user":{"login":"gakimball","id":1142001,"avatar_url":"https://avatars.githubusercontent.com/u/1142001?v=3","gravatar_id":"","url":"https://api.github.com/users/gakimball","html_url":"https://github.com/gakimball","followers_url":"https://api.github.com/users/gakimball/followers","following_url":"https://api.github.com/users/gakimball/following{/other_user}","gists_url":"https://api.github.com/users/gakimball/gists{/gist_id}","starred_url":"https://api.github.com/users/gakimball/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gakimball/subscriptions","organizations_url":"https://api.github.com/users/gakimball/orgs","repos_url":"https://api.github.com/users/gakimball/repos","events_url":"https://api.github.com/users/gakimball/events{/privacy}","received_events_url":"https://api.github.com/users/gakimball/received_events","type":"User","site_admin":false},"created_at":"2015-11-30T23:28:11Z","updated_at":"2015-11-30T23:28:11Z","body":"Try using pixel values instead and see if that fixes it. (They still get converted to `em` for the media queries.)\r\n\r\n```scss\r\n$breakpoints: (\r\n  small: 0,\r\n  medium: 640px,\r\n  large: 1024px,\r\n  xlarge: 1200px,\r\n  xxlarge: 1440px,\r\n);\r\n```"}}