{"action":"created","issue":{"url":"https://api.github.com/repos/zurb/foundation-apps/issues/745","labels_url":"https://api.github.com/repos/zurb/foundation-apps/issues/745/labels{/name}","comments_url":"https://api.github.com/repos/zurb/foundation-apps/issues/745/comments","events_url":"https://api.github.com/repos/zurb/foundation-apps/issues/745/events","html_url":"https://github.com/zurb/foundation-apps/issues/745","id":121266880,"number":745,"title":"Why is it not compatible with foundation-sites?","user":{"login":"soyuka","id":1321971,"avatar_url":"https://avatars.githubusercontent.com/u/1321971?v=3","gravatar_id":"","url":"https://api.github.com/users/soyuka","html_url":"https://github.com/soyuka","followers_url":"https://api.github.com/users/soyuka/followers","following_url":"https://api.github.com/users/soyuka/following{/other_user}","gists_url":"https://api.github.com/users/soyuka/gists{/gist_id}","starred_url":"https://api.github.com/users/soyuka/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/soyuka/subscriptions","organizations_url":"https://api.github.com/users/soyuka/orgs","repos_url":"https://api.github.com/users/soyuka/repos","events_url":"https://api.github.com/users/soyuka/events{/privacy}","received_events_url":"https://api.github.com/users/soyuka/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":8,"created_at":"2015-12-09T15:13:33Z","updated_at":"2015-12-17T21:13:18Z","closed_at":null,"body":"This is a great and neat project, works with angularjs and so on, beautiful. But, I wonder why is it not compatible with `foundation-sites` in the first place?\r\n\r\nI made an issue a few days ago (#733) about the action sheet disapearing for no reason. In fact I was using `foundation-sites` scss on top of `foundation-apps`. I'm asking this because components are usually the same, but `foundation-sites` has more features.\r\n\r\nFor example, `label.middle`, I've to add:\r\n\r\n```scss\r\nlabel.middle {\r\n    @include form-label-middle;\r\n}\r\n```\r\n\r\nBut I can't `@include foundation-form-label` or the style of most `foundation-app` form components will be broken... I thought it'd be compatible.\r\n\r\nAnother example, tabs ([sites](http://foundation.zurb.com/sites/docs/tabs.html) vs [apps](http://foundation.zurb.com/apps/docs/#!/tabs)). With `foundation-sites` I could make vertical tabs, those are not available with `foundation-apps`. The `foundation-apps` markup is different, but I'm assuming it's almost the same SASS component? So why so many differences? Why are you re-inventing the wheel (or maybe you're not and I'm lost alone in the *zurbness*).\r\n\r\nCan't an app have `breadcrumbs`? What about `tables`? For now I'm including:\r\n\r\n```scss\r\n@import 'settings';\r\n@import 'foundation';\r\n@import 'components/table';\r\n@import 'components/breadcrumbs';\r\n@import 'forms/forms';\r\n@import 'util/util';\r\n@include foundation-breadcrumbs;\r\n@include foundation-table;\r\n```\r\n\r\nThe weird thing is that even `_settings.scss` is not compatible with the one from `foundation-sites` (missing `global-*` for example).\r\n\r\nApart from having the `grid` with `flexbox` (which is `foundation-apps` default but available in `foundation-sites` too), I don't understand why there are so many differences.\r\n\r\nPlease could you provide more information on this subject?"},"comment":{"url":"https://api.github.com/repos/zurb/foundation-apps/issues/comments/165583703","html_url":"https://github.com/zurb/foundation-apps/issues/745#issuecomment-165583703","issue_url":"https://api.github.com/repos/zurb/foundation-apps/issues/745","id":165583703,"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},"created_at":"2015-12-17T21:13:18Z","updated_at":"2015-12-17T21:13:18Z","body":"@soyuka I'm interested in exploring this option, although it begs the question \"just *how many* of those jQuery plugins will we be rewriting in Angular?\""}}