{"action":"created","issue":{"url":"https://api.github.com/repos/inuitcss/inuitcss/issues/159","repository_url":"https://api.github.com/repos/inuitcss/inuitcss","labels_url":"https://api.github.com/repos/inuitcss/inuitcss/issues/159/labels{/name}","comments_url":"https://api.github.com/repos/inuitcss/inuitcss/issues/159/comments","events_url":"https://api.github.com/repos/inuitcss/inuitcss/issues/159/events","html_url":"https://github.com/inuitcss/inuitcss/issues/159","id":174768980,"number":159,"title":"[utilities.spacing] Provide a way to alter the generated classes","user":{"login":"csshugs","id":4582857,"avatar_url":"https://avatars.githubusercontent.com/u/4582857?v=3","gravatar_id":"","url":"https://api.github.com/users/csshugs","html_url":"https://github.com/csshugs","followers_url":"https://api.github.com/users/csshugs/followers","following_url":"https://api.github.com/users/csshugs/following{/other_user}","gists_url":"https://api.github.com/users/csshugs/gists{/gist_id}","starred_url":"https://api.github.com/users/csshugs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/csshugs/subscriptions","organizations_url":"https://api.github.com/users/csshugs/orgs","repos_url":"https://api.github.com/users/csshugs/repos","events_url":"https://api.github.com/users/csshugs/events{/privacy}","received_events_url":"https://api.github.com/users/csshugs/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/inuitcss/inuitcss/labels/enhancement","name":"enhancement","color":"84b6eb"}],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":14,"created_at":"2016-09-02T14:10:41Z","updated_at":"2016-10-18T10:07:00Z","closed_at":"2016-10-18T10:07:00Z","body":"By altering the source code a little bit, we can make the generated classes customizable. So we can get our hipster naming back 😉 :  \r\n\r\n```scss\r\n$inuit-spacing-directions: (\r\n  null: null,\r\n  '-top': 't',\r\n  '-right': 'r',\r\n  '-bottom': 'b',\r\n  '-left': 'l',\r\n);\r\n\r\n$inuit-spacing-properties: (\r\n  'padding': 'p',\r\n  'margin': 'm'\r\n);\r\n\r\n$inuit-spacing-sizes: (\r\n  null: $inuit-global-spacing-unit,\r\n  '--': $inuit-global-spacing-unit-tiny,\r\n  '-': $inuit-global-spacing-unit-small,\r\n  \\+: $inuit-global-spacing-unit-large,\r\n  \\+\\+: $inuit-global-spacing-unit-huge,\r\n  '0': 0\r\n) !default;\r\n\r\n\r\n@each $property, $property-namespace in $inuit-spacing-properties {\r\n\r\n  @each $direction, $direction-namespace in $inuit-spacing-directions {\r\n\r\n    @each $size, $value in $inuit-spacing-sizes {\r\n\r\n      .u-#{$property-namespace}#{$direction-namespace}#{$size} {\r\n        #{$property}#{$direction}: $value !important;\r\n      }\r\n\r\n    }\r\n\r\n  }\r\n\r\n}\r\n```\r\n\r\n*(Updated code example according to [this comment](https://github.com/inuitcss/inuitcss/issues/159#issuecomment-244393085) by  @area73 on September, 16th 2016.)*"},"comment":{"url":"https://api.github.com/repos/inuitcss/inuitcss/issues/comments/254464164","html_url":"https://github.com/inuitcss/inuitcss/issues/159#issuecomment-254464164","issue_url":"https://api.github.com/repos/inuitcss/inuitcss/issues/159","id":254464164,"user":{"login":"csshugs","id":4582857,"avatar_url":"https://avatars.githubusercontent.com/u/4582857?v=3","gravatar_id":"","url":"https://api.github.com/users/csshugs","html_url":"https://github.com/csshugs","followers_url":"https://api.github.com/users/csshugs/followers","following_url":"https://api.github.com/users/csshugs/following{/other_user}","gists_url":"https://api.github.com/users/csshugs/gists{/gist_id}","starred_url":"https://api.github.com/users/csshugs/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/csshugs/subscriptions","organizations_url":"https://api.github.com/users/csshugs/orgs","repos_url":"https://api.github.com/users/csshugs/repos","events_url":"https://api.github.com/users/csshugs/events{/privacy}","received_events_url":"https://api.github.com/users/csshugs/received_events","type":"User","site_admin":false},"created_at":"2016-10-18T10:07:00Z","updated_at":"2016-10-18T10:07:00Z","body":"#191 is merged"}}
{"actor":{"display_login":"csshugs"}}