{"action":"created","issue":{"url":"https://api.github.com/repos/sass/sass/issues/1573","labels_url":"https://api.github.com/repos/sass/sass/issues/1573/labels{/name}","comments_url":"https://api.github.com/repos/sass/sass/issues/1573/comments","events_url":"https://api.github.com/repos/sass/sass/issues/1573/events","html_url":"https://github.com/sass/sass/issues/1573","id":52851164,"number":1573,"title":"Property mixins","user":{"login":"victorherraiz","id":8478377,"avatar_url":"https://avatars.githubusercontent.com/u/8478377?v=3","gravatar_id":"","url":"https://api.github.com/users/victorherraiz","html_url":"https://github.com/victorherraiz","followers_url":"https://api.github.com/users/victorherraiz/followers","following_url":"https://api.github.com/users/victorherraiz/following{/other_user}","gists_url":"https://api.github.com/users/victorherraiz/gists{/gist_id}","starred_url":"https://api.github.com/users/victorherraiz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/victorherraiz/subscriptions","organizations_url":"https://api.github.com/users/victorherraiz/orgs","repos_url":"https://api.github.com/users/victorherraiz/repos","events_url":"https://api.github.com/users/victorherraiz/events{/privacy}","received_events_url":"https://api.github.com/users/victorherraiz/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":23,"created_at":"2014-12-25T06:58:00Z","updated_at":"2015-02-06T13:10:40Z","closed_at":"2015-01-05T23:28:04Z","body":"I would be nice to write standard css and fix it for \"old\" browsers  without using the mixin syntax, by directly pointing the property. This could be helpful for new sass developers and css to sass conversions. \r\n\r\nIn the following example I use \"!property\" flag to stop recursive calls.\r\nSCSS:\r\n```scss\r\n@property display($value) {\r\n\t@if $value == flex {\r\n\t\tdisplay: -webkit-box !property;\r\n\t\tdisplay: -moz-box !property;\r\n\t\tdisplay: -ms-flexbox !property;\r\n\t\tdisplay: -webkit-flex !property;\r\n\t\tdisplay: flex !property;\r\n\t} @else {\r\n\t\tdisplay: $value !property;\r\n\t}\r\n}\r\n\r\n.example {\r\n\tdisplay: flex;\r\n}\r\n```\r\n\r\nCSS Output: \r\n```css\r\n.example {\r\n\tdisplay: -webkit-box;\r\n\tdisplay: -moz-box;\r\n\tdisplay: -ms-flexbox;\r\n\tdisplay: -webkit-flex;\r\n\tdisplay: flex;\r\n}\r\n```"},"comment":{"url":"https://api.github.com/repos/sass/sass/issues/comments/73233977","html_url":"https://github.com/sass/sass/issues/1573#issuecomment-73233977","issue_url":"https://api.github.com/repos/sass/sass/issues/1573","id":73233977,"user":{"login":"victorherraiz","id":8478377,"avatar_url":"https://avatars.githubusercontent.com/u/8478377?v=3","gravatar_id":"","url":"https://api.github.com/users/victorherraiz","html_url":"https://github.com/victorherraiz","followers_url":"https://api.github.com/users/victorherraiz/followers","following_url":"https://api.github.com/users/victorherraiz/following{/other_user}","gists_url":"https://api.github.com/users/victorherraiz/gists{/gist_id}","starred_url":"https://api.github.com/users/victorherraiz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/victorherraiz/subscriptions","organizations_url":"https://api.github.com/users/victorherraiz/orgs","repos_url":"https://api.github.com/users/victorherraiz/repos","events_url":"https://api.github.com/users/victorherraiz/events{/privacy}","received_events_url":"https://api.github.com/users/victorherraiz/received_events","type":"User","site_admin":false},"created_at":"2015-02-06T13:10:40Z","updated_at":"2015-02-06T13:10:40Z","body":"@chriseppstein and @Snugug, many thanks for your replies :+1: "}}