Grid Columns

Reference

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

  properties: {
    grid: {
      col: {
        start: {
          property: "grid-column-start: <v><i>;",
          themeKey: "range",
          values: {},
        },

        end: {
          property: "grid-column-end: <v><i>;",
          themeKey: "range",
          values: {
            13: 13,
          },
        },

        size: {
          property: "grid-auto-columns: <v><i>;",
          values: {
            auto: "auto",
            min: "min-content",
            max: "max-content",
            fraction: "minmax(0, 1fr)",
          },
        },

        span: {
          property: "grid-column: <v><i>;",
          themeKey: "span",
          values: {},
        },
      },
    },
  },
};

export default shilpConfig;