flexbox.css

.flex.-r { flex-direction: row;    }
.flex.-c { flex-direction: column; }

.flex.-r.\:stretch, .flex.-c.\:stretch { justify-content: stretch;       align-items: stretch;       }
.flex.-r.\:start,   .flex.-c.\:start   { justify-content: flex-start;    align-items: flex-start;    }
.flex.-r.\:center,  .flex.-c.\:center  { justify-content: center;        align-items: center;        }
.flex.-r.\:end,     .flex.-c.\:end     { justify-content: flex-end;      align-items: flex-end;      }
.flex.-r.\:between, .flex.-c.\:between { justify-content: space-between; align-items: space-between; }
.flex.-r.\:around,  .flex.-c.\:around  { justify-content: space-around;  align-items: space-around;  }
.flex.-r.\:evenly,  .flex.-c.\:evenly  { justify-content: space-evenly;  align-items: space-evenly;  }

.flex.-r.-x\:stretch { justify-content: stretch;       }
.flex.-r.-x\:start   { justify-content: flex-start;    }
.flex.-r.-x\:center  { justify-content: center;        }
.flex.-r.-x\:end     { justify-content: flex-end;      }
.flex.-r.-x\:between { justify-content: space-between; }
.flex.-r.-x\:around  { justify-content: space-around;  }
.flex.-r.-x\:evenly  { justify-content: space-evenly;  }
.flex.-r.-y\:stretch { align-items:     stretch;       }
.flex.-r.-y\:start   { align-items:     flex-start;    }
.flex.-r.-y\:center  { align-items:     center;        }
.flex.-r.-y\:end     { align-items:     flex-end;      }
.flex.-r.-y\:between { align-items:     space-between; }
.flex.-r.-y\:around  { align-items:     space-around;  }
.flex.-r.-y\:evenly  { align-items:     space-evenly;  }
.flex.-c.-x\:stretch { align-items:     stretch;       }
.flex.-c.-x\:start   { align-items:     flex-start;    }
.flex.-c.-x\:center  { align-items:     center;        }
.flex.-c.-x\:end     { align-items:     flex-end;      }
.flex.-c.-x\:between { align-items:     space-between; }
.flex.-c.-x\:around  { align-items:     space-around;  }
.flex.-c.-x\:evenly  { align-items:     space-evenly;  }
.flex.-c.-y\:stretch { justify-content: stretch;       }
.flex.-c.-y\:start   { justify-content: flex-start;    }
.flex.-c.-y\:center  { justify-content: center;        }
.flex.-c.-y\:end     { justify-content: flex-end;      }
.flex.-c.-y\:between { justify-content: space-between; }
.flex.-c.-y\:around  { justify-content: space-around;  }
.flex.-c.-y\:evenly  { justify-content: space-evenly;  }