@import '../src/mixins/_all'

@import '../src/helpers/color.text.helpers'
@import '../src/helpers/typography.helpers'

.is-white-space-normal
  white-space: normal !important

.has-no-wrap,
.is-white-space-nowrap
  white-space: nowrap !important

$alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right')

@each $alignment, $text-align in $alignments
  .has-text-#{$alignment}
    text-align: #{$text-align} !important

@each $alignment, $text-align in $alignments
  +mobile
    .has-text-#{$alignment}-mobile
      text-align: #{$text-align} !important
  +tablet
    .has-text-#{$alignment}-tablet
      text-align: #{$text-align} !important
  +tablet-only
    .has-text-#{$alignment}-tablet-only
      text-align: #{$text-align} !important
  +touch
    .has-text-#{$alignment}-touch
      text-align: #{$text-align} !important
  +desktop
    .has-text-#{$alignment}-desktop
      text-align: #{$text-align} !important

.is-capitalized
  text-transform: capitalize !important

.is-lowercase
  text-transform: lowercase !important

.is-uppercase
  text-transform: uppercase !important

.has-text-weight-light
  font-weight: var(--bal-weight-light) !important

.has-text-weight-normal
  font-weight: var(--bal-font-weight-regular) !important

.has-text-weight-bold
  font-weight: var(--bal-font-weight-bold) !important

.is-family-text
  font-family: var(--bal-font-family-text) !important

.is-family-title
  font-family: var(--bal-font-family-title) !important

.has-text-shadow,
.has-button-shadow
  text-shadow: var(--bal-text-shadow-normal) !important