// stylelint-disable declaration-no-important
@use '../settings/variables' as v;

.qpp-u-text-align--center {
  text-align: center !important;
}

.qpp-u-text-align--left {
  text-align: left !important;
}

.qpp-u-text-align--right {
  text-align: right !important;
}

.qpp-u-text-align--justify {
  text-align: justify !important;
}

@each $breakpoint in map-keys(v.$breakpoints) {
  $viewport: map-get(v.$breakpoints, $breakpoint);

  @media (min-width: $viewport) {
    .qpp-u-#{$breakpoint}-text-align--center {
      text-align: center !important;
    }

    .qpp-u-#{$breakpoint}-text-align--left {
      text-align: left !important;
    }

    .qpp-u-#{$breakpoint}-text-align--right {
      text-align: right !important;
    }

    .qpp-u-#{$breakpoint}-text-align--justify {
      text-align: justify !important;
    }
  }
}