properties
changelog

Align Flex Items

Align flex items within container along cross-axis.

Usage:

  • @flex items-*;

Reference

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

  properties: {
    flex: {
      items: {
        property: "align-items: <v><i>;",
        values: {
          start: "flex-start",
          center: "center",
          end: "flex-end",
          stretch: "stretch",
          baseline: "baseline",
        },
      },
    },
  },
};

export default shilpConfig;

Published at:

Last updated at: