{"action":"closed","issue":{"url":"https://api.github.com/repos/PolymerElements/app-layout/issues/348","repository_url":"https://api.github.com/repos/PolymerElements/app-layout","labels_url":"https://api.github.com/repos/PolymerElements/app-layout/issues/348/labels{/name}","comments_url":"https://api.github.com/repos/PolymerElements/app-layout/issues/348/comments","events_url":"https://api.github.com/repos/PolymerElements/app-layout/issues/348/events","html_url":"https://github.com/PolymerElements/app-layout/issues/348","id":180529605,"number":348,"title":"app-grid: infer columns","user":{"login":"mbana","id":22658,"avatar_url":"https://avatars.githubusercontent.com/u/22658?v=3","gravatar_id":"","url":"https://api.github.com/users/mbana","html_url":"https://github.com/mbana","followers_url":"https://api.github.com/users/mbana/followers","following_url":"https://api.github.com/users/mbana/following{/other_user}","gists_url":"https://api.github.com/users/mbana/gists{/gist_id}","starred_url":"https://api.github.com/users/mbana/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mbana/subscriptions","organizations_url":"https://api.github.com/users/mbana/orgs","repos_url":"https://api.github.com/users/mbana/repos","events_url":"https://api.github.com/users/mbana/events{/privacy}","received_events_url":"https://api.github.com/users/mbana/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-10-02T19:23:58Z","updated_at":"2016-10-06T19:15:11Z","closed_at":"2016-10-06T19:15:11Z","body":"Is there a reason why you simply can't infer the columns instead of defaulting to one? Sometimes, one doesn't know ahead-of-time the count of the columns. I would imagine something like the below working since bindings,  `[[gridColumnCount]]`, are supported with `<template>` and nesting a `<style>` within it will achieve what I am after?\r\n\r\nEither that, or please provide an example of `--app-grid-columns` having a dynamic value.\r\n\r\n```javascript\r\n<template>\r\n  <style include=\"app-grid-style\">\r\n\r\n    :host {\r\n      --app-grid-columns: [[gridColumnCount]];\r\n      --app-grid-item-height: 100px;\r\n    }\r\n\r\n    ul {\r\n      padding: 0;\r\n      list-style: none;\r\n    }\r\n\r\n    .item {\r\n      background-color: white;\r\n    }\r\n\r\n    @media (max-width: 640px) {\r\n      :host {\r\n        --app-grid-columns: [[gridColumnCount]];\r\n      }\r\n    }\r\n\r\n  </style>\r\n  <ul class=\"app-grid\">\r\n    <li class=\"item\">1</li>\r\n    <li class=\"item\">2</li>\r\n    <li class=\"item\">3</li>\r\n  </ul>\r\n</template>\r\n```\r\n"}}
{"actor":{"display_login":"blasten"}}