{"action":"created","issue":{"url":"https://api.github.com/repos/jkphl/svg-sprite/issues/103","labels_url":"https://api.github.com/repos/jkphl/svg-sprite/issues/103/labels{/name}","comments_url":"https://api.github.com/repos/jkphl/svg-sprite/issues/103/comments","events_url":"https://api.github.com/repos/jkphl/svg-sprite/issues/103/events","html_url":"https://github.com/jkphl/svg-sprite/issues/103","id":101621022,"number":103,"title":"Make it possible to output scss entirely as mixins instead of classes","user":{"login":"luksak","id":503095,"avatar_url":"https://avatars.githubusercontent.com/u/503095?v=3","gravatar_id":"","url":"https://api.github.com/users/luksak","html_url":"https://github.com/luksak","followers_url":"https://api.github.com/users/luksak/followers","following_url":"https://api.github.com/users/luksak/following{/other_user}","gists_url":"https://api.github.com/users/luksak/gists{/gist_id}","starred_url":"https://api.github.com/users/luksak/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/luksak/subscriptions","organizations_url":"https://api.github.com/users/luksak/orgs","repos_url":"https://api.github.com/users/luksak/repos","events_url":"https://api.github.com/users/luksak/events{/privacy}","received_events_url":"https://api.github.com/users/luksak/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/jkphl/svg-sprite/labels/enhancement","name":"enhancement","color":"84b6eb"},{"url":"https://api.github.com/repos/jkphl/svg-sprite/labels/question","name":"question","color":"cc317c"}],"state":"open","locked":false,"assignee":{"login":"jkphl","id":4446936,"avatar_url":"https://avatars.githubusercontent.com/u/4446936?v=3","gravatar_id":"","url":"https://api.github.com/users/jkphl","html_url":"https://github.com/jkphl","followers_url":"https://api.github.com/users/jkphl/followers","following_url":"https://api.github.com/users/jkphl/following{/other_user}","gists_url":"https://api.github.com/users/jkphl/gists{/gist_id}","starred_url":"https://api.github.com/users/jkphl/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jkphl/subscriptions","organizations_url":"https://api.github.com/users/jkphl/orgs","repos_url":"https://api.github.com/users/jkphl/repos","events_url":"https://api.github.com/users/jkphl/events{/privacy}","received_events_url":"https://api.github.com/users/jkphl/received_events","type":"User","site_admin":false},"milestone":null,"comments":9,"created_at":"2015-08-18T10:11:36Z","updated_at":"2015-12-22T18:03:51Z","closed_at":null,"body":"Because [this issue] (https://github.com/sass/sass/issues/1050) is no resolved yet, I am unable to use the generated scss using @extend inside media queries. Could we add a possibility to output the scss file entirely as mixins?"},"comment":{"url":"https://api.github.com/repos/jkphl/svg-sprite/issues/comments/166691850","html_url":"https://github.com/jkphl/svg-sprite/issues/103#issuecomment-166691850","issue_url":"https://api.github.com/repos/jkphl/svg-sprite/issues/103","id":166691850,"user":{"login":"starksider","id":12500542,"avatar_url":"https://avatars.githubusercontent.com/u/12500542?v=3","gravatar_id":"","url":"https://api.github.com/users/starksider","html_url":"https://github.com/starksider","followers_url":"https://api.github.com/users/starksider/followers","following_url":"https://api.github.com/users/starksider/following{/other_user}","gists_url":"https://api.github.com/users/starksider/gists{/gist_id}","starred_url":"https://api.github.com/users/starksider/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/starksider/subscriptions","organizations_url":"https://api.github.com/users/starksider/orgs","repos_url":"https://api.github.com/users/starksider/repos","events_url":"https://api.github.com/users/starksider/events{/privacy}","received_events_url":"https://api.github.com/users/starksider/received_events","type":"User","site_admin":false},"created_at":"2015-12-22T18:03:51Z","updated_at":"2015-12-22T18:03:51Z","body":"Hi, everyone! @luksak you can achive this\r\n```\r\n .close {\r\n  @include svg-images--close-s;\r\n  @include svg-images--close-s-dims;\r\n\r\n  @media (min-width: 960px) {\r\n\r\n    @include svg-images--close-l;\r\n    @include svg-images--close-l-dims;\r\n  }\r\n}\r\n```\r\nby adding **prefix: '@mixin svg-%s'** property of config object:\r\n```\r\nvar config                  = {\r\n    mode                    : {\r\n        <mode>              : {\r\n            ...\r\n            prefix          : \"@mixin svg-%s\",                     // Prefix for CSS selectors\r\n            ...\r\n        }\r\n    }\r\n}\r\n```\r\nIt works great for me"}}