{"action":"created","issue":{"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/1701","labels_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/1701/labels{/name}","comments_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/1701/comments","events_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/1701/events","html_url":"https://github.com/Semantic-Org/Semantic-UI/issues/1701","id":55347961,"number":1701,"title":"[Question] Using Semantic UI as a 3rd party","user":{"login":"mxth","id":4469013,"avatar_url":"https://avatars.githubusercontent.com/u/4469013?v=3","gravatar_id":"","url":"https://api.github.com/users/mxth","html_url":"https://github.com/mxth","followers_url":"https://api.github.com/users/mxth/followers","following_url":"https://api.github.com/users/mxth/following{/other_user}","gists_url":"https://api.github.com/users/mxth/gists{/gist_id}","starred_url":"https://api.github.com/users/mxth/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mxth/subscriptions","organizations_url":"https://api.github.com/users/mxth/orgs","repos_url":"https://api.github.com/users/mxth/repos","events_url":"https://api.github.com/users/mxth/events{/privacy}","received_events_url":"https://api.github.com/users/mxth/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/labels/Question","name":"Question","color":"cc317c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-01-23T23:48:07Z","updated_at":"2015-01-24T20:56:22Z","closed_at":null,"body":"I try to isolate semantic code (js and css) from the host environment. For the js part, it can be done by using AMD loader (like RequireJS) and jQuery noConflict mode. \r\nAnd for the css, I want to prefix every class with a namespace, so in the host page, popup class would be \"x-ui x-popup\".  How to do that with the current build tool?"},"comment":{"url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/comments/71336855","html_url":"https://github.com/Semantic-Org/Semantic-UI/issues/1701#issuecomment-71336855","issue_url":"https://api.github.com/repos/Semantic-Org/Semantic-UI/issues/1701","id":71336855,"user":{"login":"mxth","id":4469013,"avatar_url":"https://avatars.githubusercontent.com/u/4469013?v=3","gravatar_id":"","url":"https://api.github.com/users/mxth","html_url":"https://github.com/mxth","followers_url":"https://api.github.com/users/mxth/followers","following_url":"https://api.github.com/users/mxth/following{/other_user}","gists_url":"https://api.github.com/users/mxth/gists{/gist_id}","starred_url":"https://api.github.com/users/mxth/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mxth/subscriptions","organizations_url":"https://api.github.com/users/mxth/orgs","repos_url":"https://api.github.com/users/mxth/repos","events_url":"https://api.github.com/users/mxth/events{/privacy}","received_events_url":"https://api.github.com/users/mxth/received_events","type":"User","site_admin":false},"created_at":"2015-01-24T20:56:22Z","updated_at":"2015-01-24T20:56:22Z","body":"There's also the case that the host page uses Semantic UI as well, and most likely it will be different (version, modified, themed) from the Semantic UI of 3rd widget. Thus, to make no assumption about the host page, my only solution is prefixing every classes."}}