{"action":"created","issue":{"url":"https://api.github.com/repos/livingstyleguide/livingstyleguide/issues/155","repository_url":"https://api.github.com/repos/livingstyleguide/livingstyleguide","labels_url":"https://api.github.com/repos/livingstyleguide/livingstyleguide/issues/155/labels{/name}","comments_url":"https://api.github.com/repos/livingstyleguide/livingstyleguide/issues/155/comments","events_url":"https://api.github.com/repos/livingstyleguide/livingstyleguide/issues/155/events","html_url":"https://github.com/livingstyleguide/livingstyleguide/issues/155","id":96918189,"number":155,"title":"Allow to disable scoping of CSS","user":{"login":"hagenburger","id":103399,"avatar_url":"https://avatars.githubusercontent.com/u/103399?v=3","gravatar_id":"","url":"https://api.github.com/users/hagenburger","html_url":"https://github.com/hagenburger","followers_url":"https://api.github.com/users/hagenburger/followers","following_url":"https://api.github.com/users/hagenburger/following{/other_user}","gists_url":"https://api.github.com/users/hagenburger/gists{/gist_id}","starred_url":"https://api.github.com/users/hagenburger/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hagenburger/subscriptions","organizations_url":"https://api.github.com/users/hagenburger/orgs","repos_url":"https://api.github.com/users/hagenburger/repos","events_url":"https://api.github.com/users/hagenburger/events{/privacy}","received_events_url":"https://api.github.com/users/hagenburger/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/livingstyleguide/livingstyleguide/labels/feature%20request","name":"feature request","color":"009800"}],"state":"open","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/livingstyleguide/livingstyleguide/milestones/3","html_url":"https://github.com/livingstyleguide/livingstyleguide/milestones/v2.x%20(future%20releases)","labels_url":"https://api.github.com/repos/livingstyleguide/livingstyleguide/milestones/3/labels","id":602571,"number":3,"title":"v2.x (future releases)","description":"","creator":{"login":"hagenburger","id":103399,"avatar_url":"https://avatars.githubusercontent.com/u/103399?v=3","gravatar_id":"","url":"https://api.github.com/users/hagenburger","html_url":"https://github.com/hagenburger","followers_url":"https://api.github.com/users/hagenburger/followers","following_url":"https://api.github.com/users/hagenburger/following{/other_user}","gists_url":"https://api.github.com/users/hagenburger/gists{/gist_id}","starred_url":"https://api.github.com/users/hagenburger/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hagenburger/subscriptions","organizations_url":"https://api.github.com/users/hagenburger/orgs","repos_url":"https://api.github.com/users/hagenburger/repos","events_url":"https://api.github.com/users/hagenburger/events{/privacy}","received_events_url":"https://api.github.com/users/hagenburger/received_events","type":"User","site_admin":false},"open_issues":17,"closed_issues":2,"state":"open","created_at":"2014-03-19T11:08:47Z","updated_at":"2016-05-12T13:08:09Z","due_on":null,"closed_at":null},"comments":1,"created_at":"2015-07-23T22:29:42Z","updated_at":"2016-05-13T11:51:01Z","closed_at":null,"body":"Sometimes it make sense to not scope the CSS. Especially for global styling of the style guide:\r\n\r\n``` css\r\n@css {\r\n  .lsg--example {\r\n    background: black;\r\n  }\r\n}\r\n```\r\n\r\nresults in:\r\n\r\n``` css\r\n#current-section-id .lsg--example {\r\n  background: black;\r\n}\r\n```\r\n\r\nNew:\r\n\r\n``` css\r\n@css scope: false {\r\n  .lsg--example {\r\n    background: black;\r\n  }\r\n}\r\n```\r\n\r\nshould result in:\r\n\r\n``` css\r\n.lsg--example {\r\n  background: black;\r\n}\r\n```\r\n\r\nSame would apply when using `@sass` and `@scss`.\r\n\r\nDiscussion: `@css scope: false` or `@css unscoped`. The first option would allow to set a global default for all occurrences of `@css` (`@default scope: false`)."},"comment":{"url":"https://api.github.com/repos/livingstyleguide/livingstyleguide/issues/comments/219022418","html_url":"https://github.com/livingstyleguide/livingstyleguide/issues/155#issuecomment-219022418","issue_url":"https://api.github.com/repos/livingstyleguide/livingstyleguide/issues/155","id":219022418,"user":{"login":"hagenburger","id":103399,"avatar_url":"https://avatars.githubusercontent.com/u/103399?v=3","gravatar_id":"","url":"https://api.github.com/users/hagenburger","html_url":"https://github.com/hagenburger","followers_url":"https://api.github.com/users/hagenburger/followers","following_url":"https://api.github.com/users/hagenburger/following{/other_user}","gists_url":"https://api.github.com/users/hagenburger/gists{/gist_id}","starred_url":"https://api.github.com/users/hagenburger/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/hagenburger/subscriptions","organizations_url":"https://api.github.com/users/hagenburger/orgs","repos_url":"https://api.github.com/users/hagenburger/repos","events_url":"https://api.github.com/users/hagenburger/events{/privacy}","received_events_url":"https://api.github.com/users/hagenburger/received_events","type":"User","site_admin":false},"created_at":"2016-05-13T11:51:01Z","updated_at":"2016-05-13T11:51:01Z","body":"* `@scss` by default should target the inner container of the example: `#current-example-id .lsg--html`.\r\n* `@scss scope: example` targets the outer container: `#current-example-id`\r\n* `@scss scope: code` targets the code block: `#current-example-id .lsg--code`\r\n* `@scss scope: global` outputs the SCSS code without any scoping\r\n\r\nThis way it’s more easy for example to add a padding which does not affect the code block. Most cases should target the inner container."}}