adjust-o-matic.scss

.adjust {
  @include: float-fix();
}
.adjust__fix {
  float: left;
}
.adjust__fix--10 {
  // Rather than include this example class, it’s expected a sibling class would determine width.
  width: 10em;
}
.adjust__fix--right,
.adjust__fix.right {
  float: right;
}
.adjust__flex {
  // Flex.
  overflow: hidden;
}
/** Examples:

<div class="adjust">
  <div class="adjust__fix">SHRINK TO FIT</div>
  <div class="adjust__flex">FLEXIBLE WIDTH</div>
</div>

<div class="adjust">
  <div class="adjust__fix adjust__fix--right">SHRINK TO FIT</div>
  <div class="adjust__flex">FLEXIBLE WIDTH</div>
</div>

<div class="adjust">
  <div class="adjust__fix adjust__fix--10">FIXED WIDTH</div>
  <div class="adjust__flex">FLEXIBLE WIDTH</div>
</div>

<div class="adjust">
  <div class="adjust__fix adjust__fix--10 adjust__fix--right">FIXED WIDTH</div>
  <div class="adjust__flex">FLEXIBLE WIDTH</div>
</div>
*/