properties
changelog

Spacing Between Items

Control spacing between items (flex, grid and multi-column).

Usage:

  • @space gap-*;
  • @space gap-x-*;
  • @space gap-y-*;

Reference

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

	properties: {
		space: {
			gap: {
				DEFAULT: {
					property: "gap: <v><i>;",
					resolve: "spacing",
					themeKey: "spacing",
					values: {},
				},

				x: {
					property: "column-gap: <v><i>;",
					resolve: "spacing",
					themeKey: "spacing",
					values: {},
				},

				y: {
					property: "row-gap: <v><i>;",
					resolve: "spacing",
					themeKey: "spacing",
					values: {},
				},
			},
		},
	},
};

export default shilpConfig;