{"action":"created","issue":{"url":"https://api.github.com/repos/jonathantneal/postcss-write-svg/issues/4","labels_url":"https://api.github.com/repos/jonathantneal/postcss-write-svg/issues/4/labels{/name}","comments_url":"https://api.github.com/repos/jonathantneal/postcss-write-svg/issues/4/comments","events_url":"https://api.github.com/repos/jonathantneal/postcss-write-svg/issues/4/events","html_url":"https://github.com/jonathantneal/postcss-write-svg/issues/4","id":106471756,"number":4,"title":"Better syntax and multiplexing","user":{"login":"yisibl","id":2784308,"avatar_url":"https://avatars.githubusercontent.com/u/2784308?v=3","gravatar_id":"","url":"https://api.github.com/users/yisibl","html_url":"https://github.com/yisibl","followers_url":"https://api.github.com/users/yisibl/followers","following_url":"https://api.github.com/users/yisibl/following{/other_user}","gists_url":"https://api.github.com/users/yisibl/gists{/gist_id}","starred_url":"https://api.github.com/users/yisibl/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/yisibl/subscriptions","organizations_url":"https://api.github.com/users/yisibl/orgs","repos_url":"https://api.github.com/users/yisibl/repos","events_url":"https://api.github.com/users/yisibl/events{/privacy}","received_events_url":"https://api.github.com/users/yisibl/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":5,"created_at":"2015-09-15T03:45:45Z","updated_at":"2015-09-16T15:46:31Z","closed_at":null,"body":"We can define a `@svg` name\r\n\r\n```css\r\n@svg 1px-border {\r\n    width: 100%;\r\n    height: 1px;\r\n    rect {\r\n      fill: #c8c7cc;\r\n      x: 0;\r\n      y: 0;\r\n      w: 100%;\r\n      height: 0.5;\r\n    }\r\n}\r\n\r\n@svg others {  }\r\n```\r\n\r\nUse `svg()`:\r\n\r\n```scss\r\n.bar {\r\n  background-image: svg(1px-border);\r\n}\r\n\r\n.baz {\r\n  content: svg(1px-border);\r\n}\r\n```\r\n\r\nWe can use in different properties. Not only `background-image`.\r\n\r\nThis is like Sass `@function`\r\n\r\n```scss\r\n\r\n@function svg() {\r\n  @return ...;\r\n}\r\n```"},"comment":{"url":"https://api.github.com/repos/jonathantneal/postcss-write-svg/issues/comments/140782648","html_url":"https://github.com/jonathantneal/postcss-write-svg/issues/4#issuecomment-140782648","issue_url":"https://api.github.com/repos/jonathantneal/postcss-write-svg/issues/4","id":140782648,"user":{"login":"jonathantneal","id":188426,"avatar_url":"https://avatars.githubusercontent.com/u/188426?v=3","gravatar_id":"","url":"https://api.github.com/users/jonathantneal","html_url":"https://github.com/jonathantneal","followers_url":"https://api.github.com/users/jonathantneal/followers","following_url":"https://api.github.com/users/jonathantneal/following{/other_user}","gists_url":"https://api.github.com/users/jonathantneal/gists{/gist_id}","starred_url":"https://api.github.com/users/jonathantneal/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jonathantneal/subscriptions","organizations_url":"https://api.github.com/users/jonathantneal/orgs","repos_url":"https://api.github.com/users/jonathantneal/repos","events_url":"https://api.github.com/users/jonathantneal/events{/privacy}","received_events_url":"https://api.github.com/users/jonathantneal/received_events","type":"User","site_admin":false},"created_at":"2015-09-16T15:46:30Z","updated_at":"2015-09-16T15:46:30Z","body":"Thanks, @tabatkins  and @yisibl . The next release will follow these parameters. One thing that @yisibl and I chatted about was how the current version acts like an echo, whereas the next version should work more like [`@counter-style`](https://drafts.csswg.org/css-counter-styles/#cyclic-system). Which leaves me with these questions:\r\n\r\n1. @svg generate a keyword like `@counter-style` does, or should the name only be reference-able in an `svg()` function as this issue suggests?\r\n\r\n2. If the new version uses an `svg()` function, should that function accept additional parameters to control `fill`, etc?"}}