{"action":"created","issue":{"url":"https://api.github.com/repos/eqcss/eqcss/issues/3","repository_url":"https://api.github.com/repos/eqcss/eqcss","labels_url":"https://api.github.com/repos/eqcss/eqcss/issues/3/labels{/name}","comments_url":"https://api.github.com/repos/eqcss/eqcss/issues/3/comments","events_url":"https://api.github.com/repos/eqcss/eqcss/issues/3/events","html_url":"https://github.com/eqcss/eqcss/issues/3","id":120492269,"number":3,"title":"Ideas","user":{"login":"xem","id":1225909,"avatar_url":"https://avatars.githubusercontent.com/u/1225909?v=3","gravatar_id":"","url":"https://api.github.com/users/xem","html_url":"https://github.com/xem","followers_url":"https://api.github.com/users/xem/followers","following_url":"https://api.github.com/users/xem/following{/other_user}","gists_url":"https://api.github.com/users/xem/gists{/gist_id}","starred_url":"https://api.github.com/users/xem/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/xem/subscriptions","organizations_url":"https://api.github.com/users/xem/orgs","repos_url":"https://api.github.com/users/xem/repos","events_url":"https://api.github.com/users/xem/events{/privacy}","received_events_url":"https://api.github.com/users/xem/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":5,"created_at":"2015-12-04T21:42:10Z","updated_at":"2016-09-24T22:30:33Z","closed_at":null,"body":"Pick from this list for future versions\r\n(from https://docs.google.com/spreadsheets/d/1zzjFSjpVog1FIflN0mQe1RBQ0B10o-nlyJyK4etXJcE/edit#gid=0)\r\n- [x] make var work with the current element's scope\r\n- [x] make var() work outside of EQCSS code (in regular CSS)\r\n- [ ]  handle new eqcss code added dynamically after page load\r\n- [ ]  JS-like comments\r\n- [ ]  handle min-lines queries on textareas\r\n- [ ]  handle max-lines queries on textareas\r\n- [ ]  min-font-size in px\r\n- [ ]  max-font-size in px\r\n- [ ]  max-width: $native-width; max-height: $native-height\r\n- [ ]  min-padding-top, min-margin-top, min-border-top-width, etc etc etc\r\n- [ ]  execute element queries automatically when the DOM changes\r\n- [ ]  content: computed_css_property(xyz);\r\n- [ ]  add a input[type=\"textish\"] \r\n- [ ]  add a input[type=\"buttonish\"] \r\n- [ ]  add a input[type=\"checkish\"] \r\n- [ ]  add a input[type=\"pickish\"] \r\n- [ ]  add an attribute setter\r\n- [ ]  eqcss variables \r\n- [ ]  set scroll in css/eqcss rules\r\n- [ ]  html content\r\n- [ ]  define multiple equal properties at once\r\n- [ ]  $naturalOffsetTop and $naturalOffsetLeft\r\n- [x]  $prev keyword selects previous sibling (no matter the tag)\r\n- [x]  $next keyword select next sibling (no matter the tag)"},"comment":{"url":"https://api.github.com/repos/eqcss/eqcss/issues/comments/249391182","html_url":"https://github.com/eqcss/eqcss/issues/3#issuecomment-249391182","issue_url":"https://api.github.com/repos/eqcss/eqcss/issues/3","id":249391182,"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-09-24T22:30:33Z","updated_at":"2016-09-24T22:30:33Z","body":"Hi @thejase, Thanks for the snippet! I've experimented with a similar idea outside of using preprocessors with just CSS + JS (using EQCSS). Here's an example where I saved lists of selectors as strings and used them inside my CSS as variables (with the ability to modify what gets returned, with `:hover` or other modifications applied: http://codepen.io/tomhodgins/pen/KgwVOR\r\n\r\nI'm not a big SASS user myself, but I'll see if I can get your `@element` mixin working in a demo on Codepen - when we re-do the element queries website I think there will be a new section for SASS, PostCSS, Stylus, etc and ways to use the syntax with those tools as well that should have snippets like this in it!"}}
{"actor":{"display_login":"tomhodgins"}}