{"action":"created","issue":{"url":"https://api.github.com/repos/postcss/postcss-nested/issues/26","labels_url":"https://api.github.com/repos/postcss/postcss-nested/issues/26/labels{/name}","comments_url":"https://api.github.com/repos/postcss/postcss-nested/issues/26/comments","events_url":"https://api.github.com/repos/postcss/postcss-nested/issues/26/events","html_url":"https://github.com/postcss/postcss-nested/issues/26","id":94178195,"number":26,"title":"Support nested properties","user":{"login":"jedmao","id":1058243,"avatar_url":"https://avatars.githubusercontent.com/u/1058243?v=3","gravatar_id":"","url":"https://api.github.com/users/jedmao","html_url":"https://github.com/jedmao","followers_url":"https://api.github.com/users/jedmao/followers","following_url":"https://api.github.com/users/jedmao/following{/other_user}","gists_url":"https://api.github.com/users/jedmao/gists{/gist_id}","starred_url":"https://api.github.com/users/jedmao/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jedmao/subscriptions","organizations_url":"https://api.github.com/users/jedmao/orgs","repos_url":"https://api.github.com/users/jedmao/repos","events_url":"https://api.github.com/users/jedmao/events{/privacy}","received_events_url":"https://api.github.com/users/jedmao/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":10,"created_at":"2015-07-09T23:57:14Z","updated_at":"2015-07-10T19:09:46Z","closed_at":"2015-07-09T23:58:55Z","body":"## [Nested Properties](http://sass-lang.com/documentation/file.SASS_REFERENCE.html#nested_properties)\r\n\r\nCSS has quite a few properties that are in “namespaces;” for instance, `font-family`, `font-size`, and `font-weight` are all in the `font` namespace. In CSS, if you want to set a bunch of properties in the same namespace, you have to type it out each time. [Sass provides a shortcut for this](http://sass-lang.com/documentation/file.SASS_REFERENCE.html#nested_properties): just write the namespace once, then nest each of the sub-properties within it. For example:\r\n\r\n```scss\r\n.funky {\r\n  font: {\r\n    family: fantasy;\r\n    size: 30em;\r\n    weight: bold;\r\n  }\r\n}\r\n```\r\nis compiled to:\r\n```css\r\n.funky {\r\n  font-family: fantasy;\r\n  font-size: 30em;\r\n  font-weight: bold; }\r\n```\r\nThe property namespace itself can also have a value. For example:\r\n```scss\r\n.funky {\r\n  font: 20px/24px fantasy {\r\n    weight: bold;\r\n  }\r\n}\r\n```\r\nis compiled to:\r\n```css\r\n.funky {\r\n  font: 20px/24px fantasy;\r\n    font-weight: bold;\r\n}\r\n```"},"comment":{"url":"https://api.github.com/repos/postcss/postcss-nested/issues/comments/120496492","html_url":"https://github.com/postcss/postcss-nested/issues/26#issuecomment-120496492","issue_url":"https://api.github.com/repos/postcss/postcss-nested/issues/26","id":120496492,"user":{"login":"jedmao","id":1058243,"avatar_url":"https://avatars.githubusercontent.com/u/1058243?v=3","gravatar_id":"","url":"https://api.github.com/users/jedmao","html_url":"https://github.com/jedmao","followers_url":"https://api.github.com/users/jedmao/followers","following_url":"https://api.github.com/users/jedmao/following{/other_user}","gists_url":"https://api.github.com/users/jedmao/gists{/gist_id}","starred_url":"https://api.github.com/users/jedmao/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jedmao/subscriptions","organizations_url":"https://api.github.com/users/jedmao/orgs","repos_url":"https://api.github.com/users/jedmao/repos","events_url":"https://api.github.com/users/jedmao/events{/privacy}","received_events_url":"https://api.github.com/users/jedmao/received_events","type":"User","site_admin":false},"created_at":"2015-07-10T19:09:46Z","updated_at":"2015-07-10T19:09:46Z","body":"Oops! That reminded me to [add a link to postcss-nested in my readme](https://github.com/jedmao/postcss-nested-props/commit/dcfb9d7c0bc1ac6dd08bc1e3fc768c0ad8b6263d)."}}