properties
changelog

Text Shadow

Add text shadow effects.

Usage:

  • @text shadow;
  • @text shadow-*;
  • @text shadow-color-*;

Reference

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

	properties: {
		text: {
			shadow: {
				DEFAULT: {
					property: "text-shadow: <v><i>;",
					values: {
						none: "0 0 #0000",
						"2xs": "var(--t-sdw-2xs)",
						xs: "var(--t-sdw-xs)",
						sm: "var(--t-sdw-sm)",
						DEFAULT: "var(--t-sdw-sm)",
						md: "var(--t-sdw-md)",
						lg: "var(--t-sdw-lg)",
						xl: "var(--t-sdw-xl)",
					},
				},

				color: {
					property: "--t-sdw-clr: <v><i>;",
					resolve: "color",
					themeKey: "colors",
					variant: true,
					values: {},
				},
			},
		},
	},
};

export default shilpConfig;