{"action":"created","issue":{"url":"https://api.github.com/repos/suitcss/utils-text/issues/2","labels_url":"https://api.github.com/repos/suitcss/utils-text/issues/2/labels{/name}","comments_url":"https://api.github.com/repos/suitcss/utils-text/issues/2/comments","events_url":"https://api.github.com/repos/suitcss/utils-text/issues/2/events","html_url":"https://github.com/suitcss/utils-text/pull/2","id":12508860,"number":2,"title":"Add hyphenation utility class","user":{"login":"kaelig","id":85783,"avatar_url":"https://avatars.githubusercontent.com/u/85783?v=3","gravatar_id":"","url":"https://api.github.com/users/kaelig","html_url":"https://github.com/kaelig","followers_url":"https://api.github.com/users/kaelig/followers","following_url":"https://api.github.com/users/kaelig/following{/other_user}","gists_url":"https://api.github.com/users/kaelig/gists{/gist_id}","starred_url":"https://api.github.com/users/kaelig/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kaelig/subscriptions","organizations_url":"https://api.github.com/users/kaelig/orgs","repos_url":"https://api.github.com/users/kaelig/repos","events_url":"https://api.github.com/users/kaelig/events{/privacy}","received_events_url":"https://api.github.com/users/kaelig/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":11,"created_at":"2013-03-27T12:04:20Z","updated_at":"2015-09-18T09:12:50Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/suitcss/utils-text/pulls/2","html_url":"https://github.com/suitcss/utils-text/pull/2","diff_url":"https://github.com/suitcss/utils-text/pull/2.diff","patch_url":"https://github.com/suitcss/utils-text/pull/2.patch"},"body":"As there are use cases where hyphenation is not wanted,\r\nit seems sensible to create another `u-textHyphenate` class.\r\n\r\nCloses #1"},"comment":{"url":"https://api.github.com/repos/suitcss/utils-text/issues/comments/141389212","html_url":"https://github.com/suitcss/utils-text/pull/2#issuecomment-141389212","issue_url":"https://api.github.com/repos/suitcss/utils-text/issues/2","id":141389212,"user":{"login":"vincentorback","id":1780492,"avatar_url":"https://avatars.githubusercontent.com/u/1780492?v=3","gravatar_id":"","url":"https://api.github.com/users/vincentorback","html_url":"https://github.com/vincentorback","followers_url":"https://api.github.com/users/vincentorback/followers","following_url":"https://api.github.com/users/vincentorback/following{/other_user}","gists_url":"https://api.github.com/users/vincentorback/gists{/gist_id}","starred_url":"https://api.github.com/users/vincentorback/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/vincentorback/subscriptions","organizations_url":"https://api.github.com/users/vincentorback/orgs","repos_url":"https://api.github.com/users/vincentorback/repos","events_url":"https://api.github.com/users/vincentorback/events{/privacy}","received_events_url":"https://api.github.com/users/vincentorback/received_events","type":"User","site_admin":false},"created_at":"2015-09-18T09:12:50Z","updated_at":"2015-09-18T09:12:50Z","body":"This looks like a good idea! Although Firefox hyphens won’t work (although supported) in combination with word-break. So I would either do something like this:\r\n\r\n```css\r\n.u-textHyphenate {\r\n  overflow-wrap: break-word;\r\n  word-wrap: break-word;\r\n  -webkit-hyphens: auto;\r\n  -ms-hyphens: auto;\r\n  -moz-hyphens: auto;\r\n  hyphens: auto;\r\n}\r\n```\r\nOr this, but it’s a bit more advanced for now\r\n```css\r\n@supports not (-moz-hyphens: auto) {\r\n  .u-textHyphenate {\r\n    word-break: break-all;\r\n  }\r\n}\r\n.u-textHyphenate {\r\n  word-wrap: break-word;\r\n  -webkit-hyphens: auto;\r\n  -moz-hyphens: auto;\r\n  -ms-hyphens: auto;\r\n   hyphens: auto;\r\n}\r\n```\r\n"}}