.flex {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.flex-auto {
  flex: 1 1 auto;
}

.flex-grow, .grow {
  flex-grow: 1;
}
.flex-nogrow, .grow-0 {
  flex-grow: 0;
}
.flex-shrink, .shrink {
  flex-shrink: 1;
}
.flex-noshrink, .shrink-0 {
  flex-shrink: 0;
}

.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-center {
  align-content: center;
  align-items: center;
}

.flex-end {
  justify-content: flex-end;
}

.flex-cross-center {
  justify-content: center;
  justify-items: center;
}

.flex-self-center {
  align-self: center;
}
