.ml-text {
  display: inline-flex;
  padding: 0 4px;
  &.is-underline {
    cursor: pointer;
    &:hover {
      text-decoration: underline;
    }
  }
  &.ss-primary {
    color: $ml-theme-primary-color;
  }
  &.ss-success {
    color: $ml-theme-success-color;
  }
  &.ss-info {
    color: $ml-theme-info-color;
  }
  &.ss-warning {
    color: $ml-theme-warning-color;
  }
  &.ss-danger {
    color: $ml-theme-error-color;
  }
  &.ss-gray {
    color: $ml-gray-color;
  }
  &.ss-blue {
    color: $ml-blue-color;
  }
  &.ss-green {
    color: $ml-green-color;
  }
  &.ss-pink {
    color: $ml-pink-color;
  }
  &.ss-red {
    color: $ml-red-color;
  }
  &.ss-orange {
    color: $ml-orange-color;
  }
  &.ss-purple {
    color: $ml-purple-color;
  }
  &.ss-white {
    color: $ml-white-color;
  }
  .ml-text-left-icon,
  .ml-text-right-icon,
  .ml-text-content {
    display: inline;
  }
}