{"action":"opened","issue":{"url":"https://api.github.com/repos/mhnpd/react-loader-spinner/issues/20","repository_url":"https://api.github.com/repos/mhnpd/react-loader-spinner","labels_url":"https://api.github.com/repos/mhnpd/react-loader-spinner/issues/20/labels{/name}","comments_url":"https://api.github.com/repos/mhnpd/react-loader-spinner/issues/20/comments","events_url":"https://api.github.com/repos/mhnpd/react-loader-spinner/issues/20/events","html_url":"https://github.com/mhnpd/react-loader-spinner/issues/20","id":387389347,"node_id":"MDU6SXNzdWUzODczODkzNDc=","number":20,"title":"CSS pollutes global namespace","user":{"login":"ukch","id":973865,"node_id":"MDQ6VXNlcjk3Mzg2NQ==","avatar_url":"https://avatars1.githubusercontent.com/u/973865?v=4","gravatar_id":"","url":"https://api.github.com/users/ukch","html_url":"https://github.com/ukch","followers_url":"https://api.github.com/users/ukch/followers","following_url":"https://api.github.com/users/ukch/following{/other_user}","gists_url":"https://api.github.com/users/ukch/gists{/gist_id}","starred_url":"https://api.github.com/users/ukch/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ukch/subscriptions","organizations_url":"https://api.github.com/users/ukch/orgs","repos_url":"https://api.github.com/users/ukch/repos","events_url":"https://api.github.com/users/ukch/events{/privacy}","received_events_url":"https://api.github.com/users/ukch/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-12-04T17:07:40Z","updated_at":"2018-12-04T17:07:40Z","closed_at":null,"author_association":"NONE","body":"To reproduce:\r\n* Have a site that contains one of the loader spinners. I am using Gatsby but I am fairly confident this issue will occur in all configurations.\r\n* Elsewhere in the site, insert code like the following: `<div className=\"shadow\">content</div>`\r\n* Inspect the generated content in the browser\r\n\r\nExpected: The `.shadow` div should be unstyled\r\n\r\nActual: The `.shadow` div contains the following styling:\r\n```css\r\n.shadow {\r\n\tclear: left;\r\n\tpadding-top: 1.5em;\r\n}\r\n```\r\nThis CSS is specific to the `Loader` component and should be namespaced as such, e.g. `.react-loader-spinner--shadow`."}}
{"actor":{"display_login":"ukch"}}