Saltar al contenido
Meeko
Escribe para buscar en las guías y en la referencia de la API. Ábrela desde cualquier página con / o Ctrl K; muévete con las flechas y entra con Intro.
Empezar

Contenidos

En esta página

defineUtilities

función Desde 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";

Código fuente src/compiler/css/utilities.ts:284

Firma #

ts
function defineUtilities(utilities: UtilityFunction): UtilityFunction

Parámetros #

utilities UtilityFunction

Devuelve #

Ejemplo #

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})`])))));

Véase también #

¿Te sirvió esta página?

Añadir un comentario

Se envía al elegir «Sí» o «No». Solo se guardan la página, tu respuesta y el comentario: ni cookies ni datos tuyos.

0 de 2000 caracteres

Editar en GitHub: packages/meeko/src/compiler/css/utilities.ts