// ContentFormatter
//
// Aligns content.
//
// default - Aligns the text to the left
// .ContentFormatter--centerHorizontally - Content is always centered horizontally
// .ContentFormatter--center - Content is always centered horizontally and vertically
//
// markup:
// <div class="ContentFormatter {$modifiers}" style="height: 200px;">
//   Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
// </div>
//
// Styleguide 1.11

@import '../reset';
@import '../theme_vars';

.ContentFormatter {
  width: 100%; // flex children aren't full width by default

  text-align: left;
}

.ContentFormatter.ContentFormatter--centerHorizontally {
  text-align: center;
}

.ContentFormatter.ContentFormatter--center {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

// ContentFormatter
//
// Aligns content.
//
// default - Aligns the text to the left
// .ContentFormatter--centerHorizontally - Content is always centered horizontally
// .ContentFormatter--center - Content is always centered horizontally and vertically
// .ContentFormatter--right - Aligns text to the right
//
// markup:
// <div class="ContentFormatter {$modifiers}" style="height: 200px;">
//   Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
// </div>
//
// Styleguide 1.11

@import '../reset';
@import '../theme_vars';

.ContentFormatter {
  width: 100%; // flex children aren't full width by default

  text-align: left;
}

.ContentFormatter.ContentFormatter--centerHorizontally {
  text-align: center;
}

.ContentFormatter.ContentFormatter--center {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ContentFormatter.ContentFormatter--right {
  text-align: right;
}

Add ContentFormatter modifier to align right
Add ContentFormatter modifier to align right
