Utility classes for text-related CSS

bower install bits-sass-utils-text


Bits.sass utilities: text

Utility classes for text-related CSS. See other utilities.

Read more about Bits.sass toolkit.


  • Bower: bower install --save bits-sass-utils-text
  • Download: zip, tar.gz
  • Git: git clone

Available SASS variables

  • bits-utils-ns - utilities namespace, defaults to 'bits-'

Available utility classes

  • u-textTruncate - prevent text from wrapping onto multiple lines, and truncates with an ellipsis
  • u-textBreak - break strings when their length exceeds the width of their container
  • u-textOneLine - force the text to be on one line
  • u-textLeft - align text to left
  • u-textCenter - center the text
  • u-textRight - align text to right
  • u-textInheritColor - inherit the ancestor's text color
  • u-textInheritColorAll - inherit the ancestor's text color for all states
  • u-textUpperCase - transform text to upper case
  • u-textLowerCase - transform text to lower case
  • u-textLineHeightMatch - make line height of text match its font size


  • Sass 3.2+

Browser support

  • Google Chrome (latest)
  • Opera (latest)
  • Firefox 4+
  • Safari 5+
  • Internet Explorer 8+