{"action":"created","issue":{"url":"https://api.github.com/repos/PolymerElements/iron-flex-layout/issues/32","labels_url":"https://api.github.com/repos/PolymerElements/iron-flex-layout/issues/32/labels{/name}","comments_url":"https://api.github.com/repos/PolymerElements/iron-flex-layout/issues/32/comments","events_url":"https://api.github.com/repos/PolymerElements/iron-flex-layout/issues/32/events","html_url":"https://github.com/PolymerElements/iron-flex-layout/pull/32","id":107776015,"number":32,"title":"[WIP] split classes styles into separate dom-modules","user":{"login":"notwaldorf","id":1369170,"avatar_url":"https://avatars.githubusercontent.com/u/1369170?v=3","gravatar_id":"","url":"https://api.github.com/users/notwaldorf","html_url":"https://github.com/notwaldorf","followers_url":"https://api.github.com/users/notwaldorf/followers","following_url":"https://api.github.com/users/notwaldorf/following{/other_user}","gists_url":"https://api.github.com/users/notwaldorf/gists{/gist_id}","starred_url":"https://api.github.com/users/notwaldorf/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/notwaldorf/subscriptions","organizations_url":"https://api.github.com/users/notwaldorf/orgs","repos_url":"https://api.github.com/users/notwaldorf/repos","events_url":"https://api.github.com/users/notwaldorf/events{/privacy}","received_events_url":"https://api.github.com/users/notwaldorf/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/PolymerElements/iron-flex-layout/labels/cla:%20yes","name":"cla: yes","color":"00ff00"}],"state":"open","locked":false,"assignee":{"login":"sorvell","id":78891,"avatar_url":"https://avatars.githubusercontent.com/u/78891?v=3","gravatar_id":"","url":"https://api.github.com/users/sorvell","html_url":"https://github.com/sorvell","followers_url":"https://api.github.com/users/sorvell/followers","following_url":"https://api.github.com/users/sorvell/following{/other_user}","gists_url":"https://api.github.com/users/sorvell/gists{/gist_id}","starred_url":"https://api.github.com/users/sorvell/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sorvell/subscriptions","organizations_url":"https://api.github.com/users/sorvell/orgs","repos_url":"https://api.github.com/users/sorvell/repos","events_url":"https://api.github.com/users/sorvell/events{/privacy}","received_events_url":"https://api.github.com/users/sorvell/received_events","type":"User","site_admin":false},"milestone":null,"comments":10,"created_at":"2015-09-22T18:43:21Z","updated_at":"2016-01-30T02:17:53Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/PolymerElements/iron-flex-layout/pulls/32","html_url":"https://github.com/PolymerElements/iron-flex-layout/pull/32","diff_url":"https://github.com/PolymerElements/iron-flex-layout/pull/32.diff","patch_url":"https://github.com/PolymerElements/iron-flex-layout/pull/32.patch"},"body":""},"comment":{"url":"https://api.github.com/repos/PolymerElements/iron-flex-layout/issues/comments/177047533","html_url":"https://github.com/PolymerElements/iron-flex-layout/pull/32#issuecomment-177047533","issue_url":"https://api.github.com/repos/PolymerElements/iron-flex-layout/issues/32","id":177047533,"user":{"login":"sorvell","id":78891,"avatar_url":"https://avatars.githubusercontent.com/u/78891?v=3","gravatar_id":"","url":"https://api.github.com/users/sorvell","html_url":"https://github.com/sorvell","followers_url":"https://api.github.com/users/sorvell/followers","following_url":"https://api.github.com/users/sorvell/following{/other_user}","gists_url":"https://api.github.com/users/sorvell/gists{/gist_id}","starred_url":"https://api.github.com/users/sorvell/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sorvell/subscriptions","organizations_url":"https://api.github.com/users/sorvell/orgs","repos_url":"https://api.github.com/users/sorvell/repos","events_url":"https://api.github.com/users/sorvell/events{/privacy}","received_events_url":"https://api.github.com/users/sorvell/received_events","type":"User","site_admin":false},"created_at":"2016-01-30T02:17:53Z","updated_at":"2016-01-30T02:17:53Z","body":"This approach seems fine to me. You might also want to explore including `%` prefixed versions of these modules so that they can be used like this:\r\n\r\n```\r\n.my-selector {\r\n  @extends(%layout-horizontal);\r\n}\r\n```\r\n\r\nThat would be most efficient because the unused % selectors will be eliminated from the css. FYI, we've supported this `@extends` syntax for awhile, but as far as I know it's not heavily used."}}