/* ==========================================================================
   Utilities - text
   ========================================================================== */

/**
 * Custom text utilities adapated from SUIT CSS text utilities:
 * https://github.com/suitcss/utils-text
 */

/**
 * Word breaking
 *
 * Break strings when their length exceeds the width of their container.
 */

.u-textbreak {
  word-wrap: break-word !important;
}

/**
 * Horizontal text alignment
 */

.u-textcenter {
  text-align: center !important;
}

.u-textleft {
  text-align: left !important;
}

.u-textright {
  text-align: right !important;
}

/**
 * Inherit the ancestor's text color.
 */

.u-textinheritcolor {
  color: inherit !important;
}

/**
 * Enables font kerning in all browsers.
 * http://blog.typekit.com/2014/02/05/kerning-on-the-web/
 *
 * 1. Chrome (not Windows), Firefox, Safari 6+, iOS, Android
 * 2. Chrome (not Windows), Firefox, IE 10+
 * 3. Safari 7 and future browsers
 */

.u-textkern {
  text-rendering: optimizeLegibility; /* 1 */
  font-feature-settings: "kern" 1; /* 2 */
  font-kerning: normal; /* 3 */
}

/**
 * Prevent whitespace wrapping
 */

.u-textnowrap {
  white-space: nowrap !important;
}

/**
 * Text truncation
 *
 * Prevent text from wrapping onto multiple lines, and truncate with an
 * ellipsis.
 *
 * 1. Ensure that the node has a maximum width after which truncation can
 *    occur.
 * 2. Fix for IE 8/9 if `word-wrap: break-word` is in effect on ancestor
 *    nodes.
 */

.u-texttruncate {
  max-width: 100%; /* 1 */
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important; /* 2 */
}

/* Small text */
.u-textsmall {
	font-size: small !important;
}

/* Large text */
.u-textlarge {
	font-size: large !important;
}

/* Regular weight text */
.u-textnormal {
	font-weight: 400 !important;
}

/* Muted text */
/* TODO: is this really a utility or an atmosphere detail? Possibly move */
.u-muted {
	color: $gray--logo;
	font-size: small !important;
	font-weight: normal;
	line-height: 1.3;
}