properties
changelog

Justify Flex Content

Justify flex content distribution along main-axis.

Usage:

  • @flex justify-*;

Reference

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

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

export default shilpConfig;

Published at:

Last updated at: