{"action":"created","issue":{"url":"https://api.github.com/repos/cfpb/front-end/issues/9","labels_url":"https://api.github.com/repos/cfpb/front-end/issues/9/labels{/name}","comments_url":"https://api.github.com/repos/cfpb/front-end/issues/9/comments","events_url":"https://api.github.com/repos/cfpb/front-end/issues/9/events","html_url":"https://github.com/cfpb/front-end/issues/9","id":58133122,"number":9,"title":"Do you follow our CSS property order standard?","user":{"login":"cfarm","id":702526,"avatar_url":"https://avatars.githubusercontent.com/u/702526?v=3","gravatar_id":"","url":"https://api.github.com/users/cfarm","html_url":"https://github.com/cfarm","followers_url":"https://api.github.com/users/cfarm/followers","following_url":"https://api.github.com/users/cfarm/following{/other_user}","gists_url":"https://api.github.com/users/cfarm/gists{/gist_id}","starred_url":"https://api.github.com/users/cfarm/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cfarm/subscriptions","organizations_url":"https://api.github.com/users/cfarm/orgs","repos_url":"https://api.github.com/users/cfarm/repos","events_url":"https://api.github.com/users/cfarm/events{/privacy}","received_events_url":"https://api.github.com/users/cfarm/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/cfpb/front-end/labels/question","name":"question","color":"cc317c"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":11,"created_at":"2015-02-18T21:45:37Z","updated_at":"2015-02-18T22:35:35Z","closed_at":null,"body":"If you write CSS, do you follow our [existing CSS property order standards](https://GHE/pages/CFPB/dev-manual/css.html)?\r\n\r\nCITATION\r\nProperty Declaration Grouping and Order\r\n```css\r\n.selector {\r\n    /* Display & Box Model */\r\n    display: inline-block;\r\n    box-sizing: border-box;\r\n    width: 100px;\r\n    height: 100px;\r\n    padding: 10px;\r\n    border: 10px solid #333;\r\n    margin: 10px;\r\n    overflow: hidden;\r\n\r\n    /* Positioning */\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    z-index: 10;\r\n\r\n    /* Background */\r\n    background: #000 url('../img/bg.png') no-repeat center top;\r\n    /* Shorthand, if appropriate. Otherwise, background-color \r\n     * before background-image (e.g., if using CSS3 gradients) */\r\n\r\n    /* Foreground */\r\n    /* Alphabetic in this group, with the exception of \r\n     * declaring line-height immediately after font-size */\r\n    color: #fff;\r\n    font-family: sans-serif;\r\n    font-size: 16px;\r\n    line-height: 1;\r\n    font-style: italic;\r\n    font-weight: bold;\r\n    text-align: right;\r\n\r\n    /* Miscellaneous, alphabetic */\r\n    cursor: pointer;\r\n    list-style: none;\r\n}\r\n```\r\n\r\nIf so, please share your thoughts on its efficacy.\r\n\r\nIf not, why not? \r\n\r\nI'll start:\r\nNo, because I just learned about it, and it wasn't obvious to me when editing existing CSS that there was a property order being followed (despite having used a similar standard in the past)."},"comment":{"url":"https://api.github.com/repos/cfpb/front-end/issues/comments/74963355","html_url":"https://github.com/cfpb/front-end/issues/9#issuecomment-74963355","issue_url":"https://api.github.com/repos/cfpb/front-end/issues/9","id":74963355,"user":{"login":"jimmynotjim","id":1280430,"avatar_url":"https://avatars.githubusercontent.com/u/1280430?v=3","gravatar_id":"","url":"https://api.github.com/users/jimmynotjim","html_url":"https://github.com/jimmynotjim","followers_url":"https://api.github.com/users/jimmynotjim/followers","following_url":"https://api.github.com/users/jimmynotjim/following{/other_user}","gists_url":"https://api.github.com/users/jimmynotjim/gists{/gist_id}","starred_url":"https://api.github.com/users/jimmynotjim/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jimmynotjim/subscriptions","organizations_url":"https://api.github.com/users/jimmynotjim/orgs","repos_url":"https://api.github.com/users/jimmynotjim/repos","events_url":"https://api.github.com/users/jimmynotjim/events{/privacy}","received_events_url":"https://api.github.com/users/jimmynotjim/received_events","type":"User","site_admin":false},"created_at":"2015-02-18T22:35:35Z","updated_at":"2015-02-18T22:35:35Z","body":"It makes sense, but what I'm saying is the browser doesn't care. There's no such thing as semantics in CSS and having to stop and think \"should this go before or after\" is wasted time that's automated by alpha ordering. For example, shouldn't height be next to width in your example? They're similar controls against the box-model. Alpha-ordering within each group removes the need to even think about it and allows you to carry on with your work."}}