Transform Presets

Use preset, transformation combinations for common effects.

Usage:

@adjust preset;
@adjust preset-*;

warning

If you are using other @adjust utilites, then preset utility is requried to set the base.

See: Transform Compisition by Variables

info

This page contains only the property configuration reference. Complete documentation and usage examples will be added progressively in future updates.

Reference

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

	properties: {
		adjust: {
			preset: {
				property: "transform: <v><i>;",
				values: {
					DEFAULT: "var(--trsfm)",
					none: "none",
				},
			},
		},
	},
};

export default shilpConfig;

origin rotate