properties
changelog

Grid Flow Direction

Define grid layout flow direction using auto-placement algorithm.

Usage:

  • @grid flow-*;
  • @grid flow-row;
  • @grid flow-row-dense;
  • @grid flow-col;
  • @grid flow-col-dense;

Reference

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

  properties: {
    grid: {
      flow: {
        property: "grid-auto-flow: <v><i>;",
        values: {
          row: {
            DEFAULT: "row",
            dense: "row dense",
          },
          col: {
            DEFAULT: "column",
            dense: "column dense",
          },
        },
      },
    },
  },
};

export default shilpConfig;

Published at:

Last updated at: