Ocelot-Social/styleguide/src/system/components/typography/Text/style.scss

.ds-text {
  @include reset;
  @include stack-space($font-space-x-large);
  font-family: $font-family-text;
  line-height: $line-height-base;
  display: block;
}

.ds-text-bold {
  font-weight: $font-weight-bold;
}

.ds-text-inline {
  display: inline;
}

.ds-text-left {
  text-align: left;
}

.ds-text-center {
  text-align: center;
}

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

.ds-text-uppercase {
  text-transform: uppercase;
}

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

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

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

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

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

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

.ds-text-soft {
  color: $text-color-soft;
}

.ds-text-softer {
  color: $text-color-softer;
}

.ds-text-primary {
  color: $text-color-primary;
}

.ds-text-success {
  color: $text-color-success;
}

.ds-text-danger {
  color: $text-color-danger;
}

.ds-text-warning {
  color: $text-color-warning;
}