properties
changelog

Align Grid Content

Control grid content alignment along block-axis.

Usage:

  • @grid content-*;

Reference

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

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

export default shilpConfig;

Published at:

Last updated at: