Skip to content
Meeko
Type to search the guides and the API reference. Open it from any page with / or Ctrl K; move with the arrow keys and open a result with Enter.
Get started

Contents

On this page

Not translated yet

This page has not been translated into English yet, so it is shown in Spanish.

defineUtilities

función Since 1.2.0

Declara el export por defecto de un módulo de @utilities con tipos para los helpers. Devuelve la misma función; exportar una función sin defineUtilities también funciona.

ts
import { defineUtilities } from "@meekojs/meeko/postcss";

Source code src/compiler/css/utilities.ts:284

Firma #

ts
function defineUtilities(utilities: UtilityFunction): UtilityFunction

Parameters #

utilities UtilityFunction

Returns #

Example #

ts
// app/styles/utilities/color.ts
import { defineUtilities } from "@meekojs/meeko/postcss";

export default defineUtilities(({ rule }) =>
  ["gray", "blue", "red"].map((name) =>
    rule(`.color[data-color='${name}']`, Object.fromEntries(
      Array.from({ length: 12 }, (_, i) => [`--color-${i + 1}`, `var(--${name}-${i + 1})`])))));

See also #

Was this page helpful?

Add a comment

It is sent when you choose “Yes” or “No”. Only the page, your answer and the comment are stored: no cookies and no personal data.

0 of 2000 characters

Edit on GitHub: packages/meeko/src/compiler/css/utilities.ts