{"action":"created","issue":{"url":"https://api.github.com/repos/css-modules/css-modules/issues/67","labels_url":"https://api.github.com/repos/css-modules/css-modules/issues/67/labels{/name}","comments_url":"https://api.github.com/repos/css-modules/css-modules/issues/67/comments","events_url":"https://api.github.com/repos/css-modules/css-modules/issues/67/events","html_url":"https://github.com/css-modules/css-modules/issues/67","id":110556358,"number":67,"title":"Idea: managing state","user":{"login":"rafaelrinaldi","id":87162,"avatar_url":"https://avatars.githubusercontent.com/u/87162?v=3","gravatar_id":"","url":"https://api.github.com/users/rafaelrinaldi","html_url":"https://github.com/rafaelrinaldi","followers_url":"https://api.github.com/users/rafaelrinaldi/followers","following_url":"https://api.github.com/users/rafaelrinaldi/following{/other_user}","gists_url":"https://api.github.com/users/rafaelrinaldi/gists{/gist_id}","starred_url":"https://api.github.com/users/rafaelrinaldi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rafaelrinaldi/subscriptions","organizations_url":"https://api.github.com/users/rafaelrinaldi/orgs","repos_url":"https://api.github.com/users/rafaelrinaldi/repos","events_url":"https://api.github.com/users/rafaelrinaldi/events{/privacy}","received_events_url":"https://api.github.com/users/rafaelrinaldi/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-10-08T22:44:18Z","updated_at":"2015-10-08T23:03:30Z","closed_at":null,"body":"What if we had a way to define component states via CSS Modules?\r\n\r\n```css\r\n:state(disabled) {\r\n  cursor: not-allowed;\r\n}\r\n```\r\n\r\nBenefits I can think of:\r\n\r\n* Better than having a local `.disabled` IMO;\r\n* Makes integration with React (and even Angular) easier/cleaner when passing styles to the module.\r\n\r\n<sup>Ps.: Originally proposed to @geelen [via Twitter](https://twitter.com/rafaelrinaldi/status/650452882949545984). I've created the issue just in case.</sup>"},"comment":{"url":"https://api.github.com/repos/css-modules/css-modules/issues/comments/146711794","html_url":"https://github.com/css-modules/css-modules/issues/67#issuecomment-146711794","issue_url":"https://api.github.com/repos/css-modules/css-modules/issues/67","id":146711794,"user":{"login":"rafaelrinaldi","id":87162,"avatar_url":"https://avatars.githubusercontent.com/u/87162?v=3","gravatar_id":"","url":"https://api.github.com/users/rafaelrinaldi","html_url":"https://github.com/rafaelrinaldi","followers_url":"https://api.github.com/users/rafaelrinaldi/followers","following_url":"https://api.github.com/users/rafaelrinaldi/following{/other_user}","gists_url":"https://api.github.com/users/rafaelrinaldi/gists{/gist_id}","starred_url":"https://api.github.com/users/rafaelrinaldi/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rafaelrinaldi/subscriptions","organizations_url":"https://api.github.com/users/rafaelrinaldi/orgs","repos_url":"https://api.github.com/users/rafaelrinaldi/repos","events_url":"https://api.github.com/users/rafaelrinaldi/events{/privacy}","received_events_url":"https://api.github.com/users/rafaelrinaldi/received_events","type":"User","site_admin":false},"created_at":"2015-10-08T23:03:30Z","updated_at":"2015-10-08T23:03:30Z","body":"@nkbt I was just giving an example. Here is another one:\r\n\r\n```css\r\n:state(visible) {\r\n  color: blue;\r\n}\r\n\r\n:state(collapsed) {\r\n  opacity: 0;\r\n}\r\n```"}}