/* Typographic control for fitting text and elements */

// Float an element, like a box, to the top of bottom of a page (print only)
.float-top#{$edition-suffix} {
  float: top;
}
.float-bottom#{$edition-suffix} {
  float: bottom;
}
.float-top#{$edition-suffix} + p, .float-bottom#{$edition-suffix} + p {
  text-indent: $line-height-default; // If a paragraph would normally be flush left after an element, but that element is floated away, it should get its indent back.
}
 
// These classes control letter-spacing (tracking), usually to save widows and orphans.
@for $i from 1 through 100 {
  $add-space: $i * 0.001em;
  .tighten-#{$i}#{$edition-suffix} {
    letter-spacing: $letter-spacing-text - $add-space;
    font-style: inherit;
    background-color: $highlight-tightened;
  }
  .loosen-#{$i}#{$edition-suffix} {
    letter-spacing: $letter-spacing-text + $add-space;
    font-style: inherit;
    background-color: $highlight-loosened;
  }
}

// These classes set the height of any element relative to the $line-height-default.
// Especially useful for controlling the height of images to retain a baseline grid.
// $line-height-default should be set in a non-relative unit, like points,
// otherwise you'll get exponential differences in height.
@for $i from 1 through 100 {
  $height: $i * $line-height-default;
  .height-#{$i}#{$edition-suffix} {
    height: $height;
  }
}