{"action":"created","issue":{"url":"https://api.github.com/repos/18F/web-design-standards/issues/889","labels_url":"https://api.github.com/repos/18F/web-design-standards/issues/889/labels{/name}","comments_url":"https://api.github.com/repos/18F/web-design-standards/issues/889/comments","events_url":"https://api.github.com/repos/18F/web-design-standards/issues/889/events","html_url":"https://github.com/18F/web-design-standards/issues/889","id":117213104,"number":889,"title":"Use WDS in SCSS-way","user":{"login":"kottenator","id":371674,"avatar_url":"https://avatars.githubusercontent.com/u/371674?v=3","gravatar_id":"","url":"https://api.github.com/users/kottenator","html_url":"https://github.com/kottenator","followers_url":"https://api.github.com/users/kottenator/followers","following_url":"https://api.github.com/users/kottenator/following{/other_user}","gists_url":"https://api.github.com/users/kottenator/gists{/gist_id}","starred_url":"https://api.github.com/users/kottenator/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kottenator/subscriptions","organizations_url":"https://api.github.com/users/kottenator/orgs","repos_url":"https://api.github.com/users/kottenator/repos","events_url":"https://api.github.com/users/kottenator/events{/privacy}","received_events_url":"https://api.github.com/users/kottenator/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/18F/web-design-standards/labels/frontend","name":"frontend","color":"006b75"},{"url":"https://api.github.com/repos/18F/web-design-standards/labels/question","name":"question","color":"cc317c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-11-16T20:41:59Z","updated_at":"2015-11-21T00:28:41Z","closed_at":null,"body":"`web-design-standards` (WDS) uses Neat which documentation says:\r\n\r\n> We built Neat with the aim of promoting clean and semantic markup\r\n\r\nThis means that Neat wants to avoid `.another-grid > .col-3` by using SCSS mixins instead of CSS classes. \r\n\r\nBut WDS provides own grid CSS classes on top of Neat: `.usa-grid > .usa-width-one-third` which is opposite to Neat's aim...\r\n\r\nI understand that it's necessary in order to use plain CSS instead of SCSS.\r\n\r\nSo I come to a general question: **do you strictly recommend to use plain CSS? Or do you also recommend to use SCSS with \"pure\" Neat and Bourbon?**\r\n\r\nIt would be great if you'd provide how-to / quickstart / guides for SCSS-way as well as for CSS-way (currently there are code snippets only for CSS-way).\r\n\r\nCould I help you with that? I may prepare a pull-request to your docs.\r\n"},"comment":{"url":"https://api.github.com/repos/18F/web-design-standards/issues/comments/158566319","html_url":"https://github.com/18F/web-design-standards/issues/889#issuecomment-158566319","issue_url":"https://api.github.com/repos/18F/web-design-standards/issues/889","id":158566319,"user":{"login":"maya","id":5249443,"avatar_url":"https://avatars.githubusercontent.com/u/5249443?v=3","gravatar_id":"","url":"https://api.github.com/users/maya","html_url":"https://github.com/maya","followers_url":"https://api.github.com/users/maya/followers","following_url":"https://api.github.com/users/maya/following{/other_user}","gists_url":"https://api.github.com/users/maya/gists{/gist_id}","starred_url":"https://api.github.com/users/maya/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/maya/subscriptions","organizations_url":"https://api.github.com/users/maya/orgs","repos_url":"https://api.github.com/users/maya/repos","events_url":"https://api.github.com/users/maya/events{/privacy}","received_events_url":"https://api.github.com/users/maya/received_events","type":"User","site_admin":false},"created_at":"2015-11-21T00:28:41Z","updated_at":"2015-11-21T00:28:41Z","body":"@kottenator Currently we're more open ended to either approach depending on the needs of developers and how they wish to structure their projects. Some may want to quickly prototype something in CSS. Others may want to use the strict, semantic approach.\r\n\r\nI agree that we should add documentation stating how you can use grids with CSS and semantically with Sass mixins. Durring the next phase of work, we'll be working to improve our developer documentation, but we're not quite ready to begin any substantial overhauling yet. \r\n\r\nFeel free to draft some ideas here that we can refer to when we're ready."}}