lifegadget/ui-list

.ui-list .orient-horizontal,
.ui-list.orient-horizontal {
  flex-direction: row;
}
.ui-list .orient-vertical,
.ui-list.orient-vertical {
  flex-direction: column;
}

/* PANES */
.ui-list .pane {
  display: flex;
  flex: 1;
}

/* horizontal orientation */
.ui-list .orient-horizontal.h-center {
  justify-content: center;
}
.ui-list .orient-horizontal.h-left {
  justify-content: flex-start;
}
.ui-list .orient-horizontal.h-right {
  justify-content: flex-end;
}
.ui-list .orient-horizontal.h-stretch {
  justify-content: stretch;
}
.ui-list .orient-horizontal.h-baseline {
  justify-content: baseline;
}
.ui-list .orient-horizontal.h-between {
  justify-content: space-between;
}
.ui-list .orient-horizontal.h-around {
  justify-content: space-around;
}

.ui-list .orient-horizontal.v-center {
  align-items: center;
}
.ui-list .orient-horizontal.v-top {
  align-items: flex-start;
}
.ui-list .orient-horizontal.v-bottom {
  align-items: flex-end;
}
.ui-list .orient-horizontal.v-stretch {
  align-items: stretch;
}
.ui-list .orient-horizontal.v-baseline {
  align-items: baseline;
}
.ui-list .orient-horizontal.v-between {
  align-items: space-between;
}
.ui-list .orient-horizontal.v-around {
  align-items: space-around;
}


/* vertical orientation */
.ui-list .orient-vertical.h-center {
  align-items: center;
}
.ui-list .orient-vertical.h-left {
  align-items: flex-start;
}
.ui-list .orient-vertical.h-right {
  align-items: flex-end;
}
.ui-list .orient-vertical.h-stretch {
  align-items: stretch;
}
.ui-list .orient-vertical.h-baseline {
  align-items: baseline;
}
.ui-list .orient-vertical.h-between {
  align-items: space-between;
}
.ui-list .orient-vertical.h-around {
  align-items: space-around;
}

.ui-list .orient-vertical.v-center {
  justify-content: center;
}
.ui-list .orient-vertical.v-top {
  justify-content: flex-start;
}
.ui-list .orient-vertical.v-bottom {
  justify-content: flex-end;
}
.ui-list .orient-vertical.v-stretch {
  justify-content: stretch;
}
.ui-list .orient-vertical.v-baseline {
  justify-content: baseline;
}
.ui-list .orient-vertical.v-between {
  justify-content: space-between;
}
.ui-list .orient-vertical.v-around {
  justify-content: space-around;
}