{"action":"created","issue":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/8173","repository_url":"https://api.github.com/repos/zurb/foundation-sites","labels_url":"https://api.github.com/repos/zurb/foundation-sites/issues/8173/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-sites/issues/8173/comments","events_url":"https://api.github.com/repos/zurb/foundation-sites/issues/8173/events","html_url":"https://github.com/zurb/foundation-sites/issues/8173","id":133944742,"number":8173,"title":"rem-calc() function in _settings.scss doesn't work","user":{"login":"KevinLandsberg","id":7783704,"avatar_url":"https://avatars.githubusercontent.com/u/7783704?v=3","gravatar_id":"","url":"https://api.github.com/users/KevinLandsberg","html_url":"https://github.com/KevinLandsberg","followers_url":"https://api.github.com/users/KevinLandsberg/followers","following_url":"https://api.github.com/users/KevinLandsberg/following{/other_user}","gists_url":"https://api.github.com/users/KevinLandsberg/gists{/gist_id}","starred_url":"https://api.github.com/users/KevinLandsberg/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/KevinLandsberg/subscriptions","organizations_url":"https://api.github.com/users/KevinLandsberg/orgs","repos_url":"https://api.github.com/users/KevinLandsberg/repos","events_url":"https://api.github.com/users/KevinLandsberg/events{/privacy}","received_events_url":"https://api.github.com/users/KevinLandsberg/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-02-16T10:44:29Z","updated_at":"2016-02-16T14:54:34Z","closed_at":null,"body":"Hello guys,\r\n\r\ni have set up a new project using the foundation-sites framework v6.1.2 .\r\nI did a copy of the latest _settings.scss file and pasted it into /src/app folder where you can find the app.scss file too. In the app.scss file i am importing the _settings.scss file and everything works fine.\r\nIf i uncomment and change some values in the _settings.scss file everything works except the rem-calc() function.\r\nIf i uncomment // $global-width: rem-calc(1200); to change the row-width of the grid too 600px, my browser tells me that the rem-calc() function doesnt work. The max-width of the row is still 1200px wide.\r\nDo i have to load any helper functions before the _settins.scss file is imported or is it still a bug?\r\nCan someone help me please?\r\nThanks ;)"},"comment":{"url":"https://api.github.com/repos/zurb/foundation-sites/issues/comments/184713996","html_url":"https://github.com/zurb/foundation-sites/issues/8173#issuecomment-184713996","issue_url":"https://api.github.com/repos/zurb/foundation-sites/issues/8173","id":184713996,"user":{"login":"karland","id":4803370,"avatar_url":"https://avatars.githubusercontent.com/u/4803370?v=3","gravatar_id":"","url":"https://api.github.com/users/karland","html_url":"https://github.com/karland","followers_url":"https://api.github.com/users/karland/followers","following_url":"https://api.github.com/users/karland/following{/other_user}","gists_url":"https://api.github.com/users/karland/gists{/gist_id}","starred_url":"https://api.github.com/users/karland/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/karland/subscriptions","organizations_url":"https://api.github.com/users/karland/orgs","repos_url":"https://api.github.com/users/karland/repos","events_url":"https://api.github.com/users/karland/events{/privacy}","received_events_url":"https://api.github.com/users/karland/received_events","type":"User","site_admin":false},"created_at":"2016-02-16T14:54:34Z","updated_at":"2016-02-16T14:54:34Z","body":"I understood that you want to build one big `app.scss` that includes F6 and your own styling.\r\n\r\nFirst, have a look at the file `foundation.scss`. What happens there is that all the SASS-functions are imported by help of `@import 'util/util` first. `rem-calc()` for instance sits within `/util/unit`.\r\n\r\nThe next thing that happens in `foundation.scss` is that all components are imported and then a mixin is defined that includes of the imported components.\r\n\r\nNow, if you want to import F6 into your `app.scss` you need to do the following (modify according to your paths.) \r\n\r\n```scss\r\n@import 'foundation';\r\n@import 'settings';\r\n@include foundation-everything;\r\n```\r\nThus, `foundation-everything` is based on the `settings.scss`.\r\n\r\nYou can later than in `foundation.scss` modify which components you want by commenting out all unnecessary components and includes. (Do the same for the js-components). Hope this helps.\r\n\r\n\r\n"}}