fontend-app/mine/css/dom-flex.css

.dom-flex-column {
	display: flex;
	flex-direction: column;
}

.dom-flex-column-cell-1 {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.dom-flex-column-cell-2 {
	flex-grow: 2;
	display: flex;
	flex-direction: column;
}

.dom-flex-column-cell-3 {
	flex-grow: 3;
	display: flex;
	flex-direction: column;
}

.dom-flex-column-cell-4 {
	flex-grow: 4;
	display: flex;
	flex-direction: column;
}

.dom-flex-column-cell-5 {
	flex-grow: 5;
	display: flex;
	flex-direction: column;
}

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

.flex-column-x-center {
	align-items: center;
}

.flex-column-y-center {
	justify-content: center;
}

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

.dom-flex-row-cell-1 {
	display: flex;
	flex-direction: row;
	flex-grow: 1;
}

.dom-flex-row-cell-2 {
	display: flex;
	flex-direction: row;
	flex-grow: 2;
}

.dom-flex-row-cell-3 {
	display: flex;
	flex-direction: row;
	flex-grow: 3;
}

.dom-flex-row-cell-4 {
	display: flex;
	flex-direction: row;
	flex-grow: 4;
}

.dom-flex-row-cell-5 {
	display: flex;
	flex-direction: row;
	flex-grow: 5;
}

.flex-row-x-center {
	justify-content: center;
}

.flex-row-space-between {
	justify-content: space-between;
}

.flex-row-y-center {
	align-items: center;
}