@mixin generate-list() {
	.nuitral-list {
		display: flex;
		align-items: center;

		.start,
		.end {
			flex: 0 0 auto;
		}

		&.horizontal {
			flex-direction: row;
			width: 100%;


			.default {
				display: flex;
				justify-content: center;
				flex: 1;
				&.j-center {
					justify-content: center;
				}
				&.j-start {
					justify-content: flex-start;
				}

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


		}

		&.vertical {
			flex-direction: column;
			height: 100%;

			.default {
				&.j-center {
					margin-top: auto;
					margin-bottom: auto;
				}
				&.j-start {
					margin-bottom: auto;
				}

				&.j-end {
					margin-top: auto;
				}
			}
		}
	}
}