Text Shadow

Reference

shilp.config.jscopy to clipboard
/** @type {import('shilpcss/types').ShilpConfig} */
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;