.kui-layout-horizontal {
  display: flex;
  flex-flow:row;
}
.kui-layout-horizontal.kui-layout-left{ justify-content: flex-start;}
.kui-layout-horizontal.kui-layout-center-x{ justify-content: center;}
.kui-layout-horizontal.kui-layout-right{ justify-content: flex-end;}
.kui-layout-horizontal.kui-layout-space-around{ justify-content:space-around;}
.kui-layout-horizontal.kui-layout-space-between{ justify-content: space-between;}
.kui-layout-horizontal.kui-layout-top{ align-items: flex-start;}
.kui-layout-horizontal.kui-layout-center-y{ align-items: center;}
.kui-layout-horizontal.kui-layout-bottom{ align-items: flex-end;}
.kui-layout-horizontal.kui-layout-center{ justify-content: center; align-items: center;}

.kui-layout-vertical {
  display: flex;
  flex-flow:column;
}
.kui-layout-vertical.kui-layout-top{ justify-content: flex-start;}
.kui-layout-vertical.kui-layout-center-y{ justify-content: center;}
.kui-layout-vertical.kui-layout-bottom{ justify-content: flex-end;}
.kui-layout-vertical.kui-layout-space-around{ justify-content:space-around;}
.kui-layout-vertical.kui-layout-space-between{ justify-content: space-between;}
.kui-layout-vertical.kui-layout-left{ align-items: flex-start;}
.kui-layout-vertical.kui-layout-center-x{ align-items: center;}
.kui-layout-vertical.kui-layout-right{ align-items: flex-end;}
.kui-layout-vertical.kui-layout-center{ align-items: center; justify-content: center;}

.kui-layout-horizontal > .kui-layout-self-top{ align-self: flex-start;}
.kui-layout-horizontal > .kui-layout-self-center{ align-self: center;}
.kui-layout-horizontal > .kui-layout-self-bottom{ align-self: flex-end;}
.kui-layout-vertical > .kui-layout-self-left{ align-self: flex-start;}
.kui-layout-vertical > .kui-layout-self-center{ align-self: center;}
.kui-layout-vertical > .kui-layout-self-right{ align-self: flex-end;}

.kui-layout-wrap {
	flex-wrap: wrap;
}
.kui-layout-nowrap {
	flex-wrap: nowrap;
}
.kui-layout-grow,
.kui-layout-stretch {
	align-items: stretch;
}

/* vim:ts=2 fdm=marker fmr={,} ff=unix number 
 */