suitcss / utils-text

CSS text utilities

Home Page:http://suitcss.github.io/utils-text/test/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Suggestion: hyphenate words for .u-textBreak

kaelig opened this issue · comments

Support is not necessarily very good today but in some cases (mobile for example) it's more elegant to have an hyphenated text.

Do you see any problems that would arise from adding these properties to .u-textBreak?

  -webkit-hyphens: auto;
     -moz-hyphens: auto;
          hyphens: auto;

I'm quite curious as I was going to create a .u-textHyphenate class for this but I might just use .u-textBreak with this addendum.

Sounds ok to me. There's one slight issue, which is that Firefox will hyphen-break URLs (adding an extra hyphen in the middle of a word in a URL) rather than auto-breaking at points in the URL that it could break at (like existing hyphens). Not a major issue though. What do you think? I'd be happy to consider a pull request to roll this stuff into the existing utility.

Cool, as long as copy-pasting hyphenated URLs in Firefox don't include the hyphens in the clipboard?

It's ok, it's not affected.