properties
changelog

Place Flex Items

Set flex items alignment along main-axis and cross-axis combined.

Usage:

  • @flex place-*;

Reference

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

  properties: {
    flex: {
      place: {
        property: "place-content: <v><i>;",
        values: {
          start: "flex-start",
          center: "center",
          end: "flex-end",
          between: "space-between",
          around: "space-around",
          evenly: "space-evenly",
          stretch: "stretch",
        },
      },
    },
  },
};

export default shilpConfig;

Published at:

Last updated at: