properties
changelog

Flex Presets

Use preset, flexbox sizing combinations.

Usage:

  • @flex preset-*;

Reference

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

	properties: {
		flex: {
			preset: {
				property: "flex: <v><i>;",
				values: {
					// flex: [grow] [shrink] [basis];
					1: "1 1 0%",
					auto: "1 1 auto",
					initial: "0 1 auto",
					none: "none",
				},
			},
		},
	},
};

export default shilpConfig;