body, p, li, ul, a, td {
  font-family: $ds-font-family;
  color: $ds-font-color;
  font-size: $ds-font-size;
  line-height: $ds-base-line-height;
}

@for $ds-h from 1 through 6 {
  h#{$ds-h} {
    color: $ds-font-color;
    font-size: nth($ds-header-sizes, $ds-h);
    line-height: $ds-base-line-height;
  }
}

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

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

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

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

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

ul, ol {
  list-style-position: outside;
  padding-left: 1.5em;
}

ul {
  list-style-type: disc;
}

ol {
  list-style-type: decimal;
}

a {
  text-decoration: underline;

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