// Justify and Align Content
$contentAlignValues: flex-start, flex-end, center, space-between, space-around, space-evenly, stretch;
@each $value in $contentAlignValues {
  :host([justify-content-#{$value}]) {
    justify-content: #{$value};
  }
  :host([align-content-#{$value}]) {
    align-content: #{$value};
  }
}

// Align Items
$alignValues: flex-start, flex-end, center, baseline, stretch;
@each $value in $alignValues {
  :host([align-items-#{$value}]) {
    align-items: #{$value};
  }
}