UtilityAtRule
interfaz Desde 1.2.0
Una at-rule creada con UtilityHelpers.atRule, por ejemplo @media o @supports.
Sin cuerpo se emite como sentencia (@layer a, b;).
ts
import type { UtilityAtRule } from "@meekojs/meeko/postcss";Código fuente src/compiler/css/utilities.ts:142
Declaración #
ts
interface UtilityAtRule {
readonly kind: 'atrule'
readonly name: string
readonly params: string
readonly declarations: UtilityAtRuleDeclarations
readonly children: readonly UtilityOutput[]
readonly block: boolean
}Ejemplo #
ts
import { defineUtilities, type UtilityAtRule } from "@meekojs/meeko/postcss";
export default defineUtilities(({ atRule, rule }) => {
const wide: UtilityAtRule = atRule("media", "(min-width: 48rem)", rule(".stack", { flexDirection: "row" }));
return wide;
});Propiedades #
declarations
#
readonly declarations: UtilityAtRuleDeclarationsDeclaraciones del cuerpo, para @font-face o @property.