{"action":"created","issue":{"url":"https://api.github.com/repos/kss-node/kss-node/issues/189","labels_url":"https://api.github.com/repos/kss-node/kss-node/issues/189/labels{/name}","comments_url":"https://api.github.com/repos/kss-node/kss-node/issues/189/comments","events_url":"https://api.github.com/repos/kss-node/kss-node/issues/189/events","html_url":"https://github.com/kss-node/kss-node/issues/189","id":60353499,"number":189,"title":"Allow custom template per section","user":{"login":"ronaldlokers","id":303084,"avatar_url":"https://avatars.githubusercontent.com/u/303084?v=3","gravatar_id":"","url":"https://api.github.com/users/ronaldlokers","html_url":"https://github.com/ronaldlokers","followers_url":"https://api.github.com/users/ronaldlokers/followers","following_url":"https://api.github.com/users/ronaldlokers/following{/other_user}","gists_url":"https://api.github.com/users/ronaldlokers/gists{/gist_id}","starred_url":"https://api.github.com/users/ronaldlokers/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ronaldlokers/subscriptions","organizations_url":"https://api.github.com/users/ronaldlokers/orgs","repos_url":"https://api.github.com/users/ronaldlokers/repos","events_url":"https://api.github.com/users/ronaldlokers/events{/privacy}","received_events_url":"https://api.github.com/users/ronaldlokers/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/kss-node/kss-node/labels/support%20request","name":"support request","color":"d6e1d6"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2015-03-09T14:45:46Z","updated_at":"2015-07-30T18:18:22Z","closed_at":null,"body":"I would like to be able to assign another template to a specific section.\r\n\r\nSo for example I have a file which defines the fonts my project has, I would like to have a separate template for this section to only show the fonts and not any code that can be copy/pasted. But the rest of the project would have the default template which has a example of the markup in it."},"comment":{"url":"https://api.github.com/repos/kss-node/kss-node/issues/comments/126423298","html_url":"https://github.com/kss-node/kss-node/issues/189#issuecomment-126423298","issue_url":"https://api.github.com/repos/kss-node/kss-node/issues/189","id":126423298,"user":{"login":"matthewferry","id":895885,"avatar_url":"https://avatars.githubusercontent.com/u/895885?v=3","gravatar_id":"","url":"https://api.github.com/users/matthewferry","html_url":"https://github.com/matthewferry","followers_url":"https://api.github.com/users/matthewferry/followers","following_url":"https://api.github.com/users/matthewferry/following{/other_user}","gists_url":"https://api.github.com/users/matthewferry/gists{/gist_id}","starred_url":"https://api.github.com/users/matthewferry/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/matthewferry/subscriptions","organizations_url":"https://api.github.com/users/matthewferry/orgs","repos_url":"https://api.github.com/users/matthewferry/repos","events_url":"https://api.github.com/users/matthewferry/events{/privacy}","received_events_url":"https://api.github.com/users/matthewferry/received_events","type":"User","site_admin":false},"created_at":"2015-07-30T18:18:22Z","updated_at":"2015-07-30T18:18:22Z","body":"Using `{{unlessReference mysection}}` is fine if you only have a couple of templates that require modification, but if you have more than a few sections that have special needs, the resulting logic in the base template gets kinda unwieldy. It would be interesting if you could, in the markup section of your CSS add a \"wrapper\" of html that the entire section would be injected into before looping over the modifiers. This would help for special cases where one section may need additional html, like a different bg color for showing inverted text or context-specific components.\r\n\r\nSomething like:\r\n```\r\n// Buttons\r\n// \r\n// Markup:\r\n// <button class=\"btn {{modifier_class}}\">Button</button>\r\n// \r\n// Wrapper:\r\n// <div class=\"bg--contrasted\">\r\n//   {{markup}}\r\n// </div>\r\n//\r\n// Styleguide - Buttons\r\n```"}}