Spacing Between Texts

Reference

shilp.config.jscopy to clipboard
/** @type {import('shilpcss/types').ShilpConfig} */
const shilpConfig = {
  source: "react",

  properties: {
    text: {
      gap: {
        DEFAULT: {
          property: "letter-spacing: <n><v><i>;",
          resolve: "spacing",
          values: {
            normal: "normal",
            DEFAULT: "0.0125em",
            md: "0.025em",
            lg: "0.05em",
            xl: "0.1em",
            0: 0,
            1: "1px",
            2: "2px",
            3: "3px",
            4: "4px",
            6: "6px",
            8: "8px",
          },
        },

        word: {
          property: "word-spacing: <n><v><i>;",
          resolve: "spacing",
          values: {
            normal: "normal",
            DEFAULT: "0.0125em",
            md: "0.025em",
            lg: "0.05em",
            xl: "0.1em",
            0: 0,
            1: "1px",
            2: "2px",
            3: "3px",
            4: "4px",
            6: "6px",
            8: "8px",
          },
        },
      },
    },
  },
};

export default shilpConfig;