body {
  font-family: $font-family;
  color: $font-color;
  font-size: $font-size;
  line-height: $base-line-height;
}

@for $h from 1 through 6 {
  h#{$h}, h#{$h} > a, h#{$h} > a:visited {
    color: nth($header-colors, $h);
    font-size: nth($mobile-header-sizes, $h);
    line-height: $base-line-height;
    margin-bottom: space(normal);
    text-decoration: none;
  }
}

@media #{$computer-media-query} {
  @for $h from 1 through 6 {
    h#{$h}, h#{$h} > * {
      font-size: nth($header-sizes, $h);
    }
  }
}

@each $position in (left, right, center, justify) {
  .text-#{$position} {
    text-align: $position;
  }
}

.small-text {
  font-size: $small-font;
}

.large-text {
  font-size: $large-font
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

ul, ol {
  padding-left: 1.5em;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

a {
  text-decoration: underline;

  &.no-decoration {
    text-decoration: none;
  }
}

figure {
  figcaption {
    text-align: center;
    font-style: italic;
    font-size: $small-font;
  }
}

blockquote {
  border-left: 5px solid gray(light);
  margin-left: space(large);
  padding: space(normal);
}