properties
changelog

@match Mixin

Use @match mixin for complex selector patterns.

Usage:

.any-class {
	/* functions */
	@match <variant>("<arguments>") { ... }
}

Reference

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

  mixins: {
    match: {
      variants: {
        /* functions */
        not: "&:not(<1>)",
        is: "&:is(<1>)",
        where: "&:where(<1>)",
      },
    },
  },
};

export default shilpConfig;

Published at:

Last updated at:

Form MixinMotion Mixin