{"action":"opened","issue":{"url":"https://api.github.com/repos/zurb/foundation-apps/issues/589","labels_url":"https://api.github.com/repos/zurb/foundation-apps/issues/589/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-apps/issues/589/comments","events_url":"https://api.github.com/repos/zurb/foundation-apps/issues/589/events","html_url":"https://github.com/zurb/foundation-apps/issues/589","id":69353663,"number":589,"title":"Add means to disable default panel/off-canvas classes","user":{"login":"gakimball","id":1142001,"avatar_url":"https://avatars.githubusercontent.com/u/1142001?v=3","gravatar_id":"","url":"https://api.github.com/users/gakimball","html_url":"https://github.com/gakimball","followers_url":"https://api.github.com/users/gakimball/followers","following_url":"https://api.github.com/users/gakimball/following{/other_user}","gists_url":"https://api.github.com/users/gakimball/gists{/gist_id}","starred_url":"https://api.github.com/users/gakimball/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/gakimball/subscriptions","organizations_url":"https://api.github.com/users/gakimball/orgs","repos_url":"https://api.github.com/users/gakimball/repos","events_url":"https://api.github.com/users/gakimball/events{/privacy}","received_events_url":"https://api.github.com/users/gakimball/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/zurb/foundation-apps/labels/feature","name":"feature","color":"c7def8"},{"url":"https://api.github.com/repos/zurb/foundation-apps/labels/javascript","name":"javascript","color":"f0db4f"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-04-18T22:22:25Z","updated_at":"2015-04-18T22:22:25Z","closed_at":null,"body":"The `zf-panel` and `zf-offcanvas` directives add hard-coded CSS classes when they're compiled, making it difficult to use the Sass mixins to write your own class name. So there should be a way to prevent the default CSS classes from being added. Presumably this would also prevent default motion classes from being added as well.\r\n\r\nIdeally we'd maybe just change *all* of the directive templates to not add CSS classes by default, and make the developer do it. It would make the plugins more flexible, and more consistent with how Foundation 5 separates its concerns (CSS classes for styling vs. data/ng attributes for functionality).\r\n\r\nWe can't do that until v2 though, since that would be a big breaking change. In the mean time, maybe we can add an attribute like `noclass` that disables the automatic addition of classes. This would also probably disable the automatic motion classes added for panels, off-canvas, and modals."}}