@mixin column-flex-container {
  display: flex;
  flex-flow: column nowrap;
}

@mixin flex-item-center-content {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: center;
}

@mixin flex-row {
  display: flex;
  flex-flow: row nowrap;
}

@mixin flex-column($flex-basis) {
  flex: 0 1 $flex-basis;
}

@mixin flex-right-align-items {
  display: flex;
  justify-content: flex-end;
}

@mixin flex-center-content {
  display: flex;
  align-items: center;
  justify-content: center;
}