helper-text.scss

//
// Text Helper Classes
/// @require {Boolean} $use-helper-text-styles - base variable in Settings
/// @see  /Settings/base-options.scss - All base options - Base Options
//

@if $use-helper-text-styles == true {

  .text {

    &--left {
      text-align: left;
    }

    &--center {
      text-align: center;
    }

    &--right {
      text-align: right;
    }

    &--just {
      text-align: justify;
    }

    &--capitalized {
      text-transform: capitalize;
    }

    &--small-caps {
      font-variant-caps: small-caps;
      font-feature-settings: "smcp";
    }

    &--uppercase {
      text-transform: uppercase;
    }

    &--regular {
      font-weight: 400;
    }

    &--semi-bold {
      font-weight: 600;
    }

    &--bold {
      font-weight: bold;
    }

  }

  .align {
    &--top{
      vertical-align: top;
    }

    &--middle{
      vertical-align: top;
    }

    &--bottom{
      vertical-align: top;
    }
  }

}