properties
changelog

Align Flex Content

Control flex container content alignment along cross-axis.

Usage:

  • @flex content-*;

Reference

shilp.config.js
const shilpConfig = {
	source: "react",

	properties: {
		flex: {
			content: {
				property: "align-content: <v><i>;",
				values: {
					start: "flex-start",
					center: "center",
					end: "flex-end",
					stretch: "stretch",
					between: "space-between",
					around: "space-around",
					evenly: "space-evenly",
				},
			},
		},
	},
};

export default shilpConfig;