{"action":"created","issue":{"url":"https://api.github.com/repos/eqcss/eqcss/issues/10","repository_url":"https://api.github.com/repos/eqcss/eqcss","labels_url":"https://api.github.com/repos/eqcss/eqcss/issues/10/labels{/name}","comments_url":"https://api.github.com/repos/eqcss/eqcss/issues/10/comments","events_url":"https://api.github.com/repos/eqcss/eqcss/issues/10/events","html_url":"https://github.com/eqcss/eqcss/issues/10","id":140998461,"number":10,"title":"Usage with SASS","user":{"login":"marcofugaro","id":7217420,"avatar_url":"https://avatars.githubusercontent.com/u/7217420?v=3","gravatar_id":"","url":"https://api.github.com/users/marcofugaro","html_url":"https://github.com/marcofugaro","followers_url":"https://api.github.com/users/marcofugaro/followers","following_url":"https://api.github.com/users/marcofugaro/following{/other_user}","gists_url":"https://api.github.com/users/marcofugaro/gists{/gist_id}","starred_url":"https://api.github.com/users/marcofugaro/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/marcofugaro/subscriptions","organizations_url":"https://api.github.com/users/marcofugaro/orgs","repos_url":"https://api.github.com/users/marcofugaro/repos","events_url":"https://api.github.com/users/marcofugaro/events{/privacy}","received_events_url":"https://api.github.com/users/marcofugaro/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-03-15T15:01:22Z","updated_at":"2016-03-15T15:21:12Z","closed_at":null,"body":"Sorry if not a real issue, but how would I go about using element queries with SCSS?\r\n\r\nI mainly write in SCSS and compile it, obviously now if I use element queries it throws and error during compilation. What would you recommend?"},"comment":{"url":"https://api.github.com/repos/eqcss/eqcss/issues/comments/196873681","html_url":"https://github.com/eqcss/eqcss/issues/10#issuecomment-196873681","issue_url":"https://api.github.com/repos/eqcss/eqcss/issues/10","id":196873681,"user":{"login":"tomhodgins","id":955601,"avatar_url":"https://avatars.githubusercontent.com/u/955601?v=3","gravatar_id":"","url":"https://api.github.com/users/tomhodgins","html_url":"https://github.com/tomhodgins","followers_url":"https://api.github.com/users/tomhodgins/followers","following_url":"https://api.github.com/users/tomhodgins/following{/other_user}","gists_url":"https://api.github.com/users/tomhodgins/gists{/gist_id}","starred_url":"https://api.github.com/users/tomhodgins/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tomhodgins/subscriptions","organizations_url":"https://api.github.com/users/tomhodgins/orgs","repos_url":"https://api.github.com/users/tomhodgins/repos","events_url":"https://api.github.com/users/tomhodgins/events{/privacy}","received_events_url":"https://api.github.com/users/tomhodgins/received_events","type":"User","site_admin":false},"created_at":"2016-03-15T15:21:12Z","updated_at":"2016-03-15T15:21:12Z","body":"Hey Marco! Thanks for the interest, and that’s definitely a good question. I don’t have a lot of experience with SASS/SCSS since at the end of the day - it is simply a method for outputting a large volume of regular CSS. I prefer to hand-write only the CSS which I need for a layout, so adding in a compilation stage between writing my CSS and being able to view it in the browser is a major stumbling block to productivity, and greatly limits the devices and situations where I am free to experiment with writing code.\r\n\r\nThe premise of EQCSS is to extend CSS to reach the things that regular CSS can’t reach or help you with - so using a tool that outputs large volumes of regular CSS doesn’t get you any closer to that target. After dabbling with SASS/SCSS I find it to be most useful for a few specific cases:\r\n\r\n- Browser prefixing, especially with complicated CSS animations where the properties are also different by browser\r\n- Expressing CSS design patterns at a higher level when teaching/demonstrating them to others\r\n- Creating modifiable source code pattern for the purpose of outputting many similar CSS files (theme/widget builders)\r\n\r\nI may not be able to show you how integrate EQCSS with SASS/SCSS, but if you can explain to me what you’re trying to accomplish by using SCSS I’m sure I can show you a simpler way of accomplishing the same thing with CSS alone, or CSS plus EQCSS.\r\n\r\nWith element queries and scoped styles your CSS _comes alive_ when the page loads! That’s not where things end, that’s the beginning. Styles can change as the user scrolls, clicks, types, or as new elements are added or removed from the layout. These are all things that regular CSS (and thus SASS and SCSS) are powerless to style.\r\n\r\nWriting EQCSS can be a shift in how you approach writing CSS, and for many that shift may represent the freedom to leaving behind preprocessors like Less/Sass/Stylus and the workflow of compiling CSS before being able to preview it in browser.\r\n\r\nI’d love to help, could you put a snippet of your SCSS styles up on Codepen with an explanation of what you would like to do that I can try to refactor to CSS + EQCSS? That might be the best way of bridging the gap between your knowledge and mine."}}