@use "sass:map";
@use "./../variables" as *;
@use "./../mixins/breakpoints" as *;

$alignments: (baseline, top, middle, bottom, text-bottom, text-top) !default;

@each $breakpoint in map.keys($breakpoints) {
  @include media-breakpoint-up($breakpoint) {
    $infix: breakpoint-infix($breakpoint, $breakpoints);

    @each $value in $alignments {
      .valign-#{$infix}-#{$value} {
        vertical-align: #{$value} !important;
      }
    }
  }
}

@media print {
  @each $value in $alignments {
    .vertical-align--print-#{$value} {
      vertical-align: #{$value} !important;
    }
  }
}