.gui-text-inherit {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.gui-text-overflow-ellipsis {
  @include text-overflow-ellipsis;
}

.gui-text-overflow-ellipsis-only {
  text-overflow: ellipsis;
}

.gui-weight-bold {
  font-weight: $typo-weight-bold;
}

.gui-weight-semi-bold {
  font-weight: $typo-weight-semi-bold;
}

.gui-weight-roman {
  font-weight: $typo-weight-roman;
}

.gui-primary-blue-text {
  color: $primary-blue;
}

.gui-black-text {
  color: black;
}

.gui-neutral-dark-text {
  color: $neutral-dark;
}

.gui-neutral-base-text {
  color: $neutral-base;
}

.gui-danger-text {
  color: $primary-red-darker;
}

.gui-typo-size-xlarge {
  font-size: $typo-size-xlarge;
}

.gui-typo-size-large {
  font-size: $typo-size-large;
}

.gui-typo-size-lead {
  font-size: $typo-size-lead;
}

.gui-typo-size-larger {
  font-size: $typo-size-larger;
}

.gui-typo-size-base {
  font-size: $typo-size-base;
}

.gui-typo-size-slight {
  font-size: $typo-size-slight;
}

.gui-typo-size-small {
  font-size: $typo-size-small;
}

.gui-typo-size-micro {
  font-size: $typo-size-micro;
}

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

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

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

$props: ('text-decoration');
$subProps: (underline, none);

@include generate-helper($props, $subProps) using ($selector, $property, $style) {
  #{$selector} {
    text-decoration: $style;
  }
};

$props: ('text-decoration-hover');
$subProps: (underline, none);

@include generate-helper($props, $subProps) using ($selector, $property, $style) {
  #{$selector}:hover {
    text-decoration: $style;
  }
};