// ============================================================================
// :: Paragraph
// ============================================================================
/**
 * Small component used to display text or a paragraph. Using modifiers the text
 * can be adjusted, this component should only be used for blocks of text
 * not contained within a component.
 */

// ============================================================================
// :: Root
// ============================================================================
.a-paragraph {
  @extend %__text-default;
}

// ============================================================================
// :: Modifiers
// ============================================================================
.a-paragraph--bold {
  font-weight: $font-weight-bold;
}

.a-paragraph--italic {
  font-style: italic;
}

.a-paragraph--1x-large {
  @extend %__h3-default;
}

.a-paragraph--center {
  text-align: center;
}