From 1826deeb5a3b0d350f31ca4ee59749ec0cef9f31 Mon Sep 17 00:00:00 2001 From: Fellipe Utaka Date: Thu, 4 Dec 2025 20:55:53 -0300 Subject: [PATCH] feat: add motion-direction utilities for animation-direction --- src/modifiers.ts | 40 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) diff --git a/src/modifiers.ts b/src/modifiers.ts index 332fcbb..4264208 100644 --- a/src/modifiers.ts +++ b/src/modifiers.ts @@ -234,6 +234,46 @@ export function addModifiers( }, }); + // animation direction + addUtilities({ + ".motion-direction-normal": { + animationDirection: "normal", + "&::before": { + animationDirection: "normal", + }, + "&::after": { + animationDirection: "normal", + }, + }, + ".motion-direction-reverse": { + animationDirection: "reverse", + "&::before": { + animationDirection: "reverse", + }, + "&::after": { + animationDirection: "reverse", + }, + }, + ".motion-direction-alternate": { + animationDirection: "alternate", + "&::before": { + animationDirection: "alternate", + }, + "&::after": { + animationDirection: "alternate", + }, + }, + ".motion-direction-alternate-reverse": { + animationDirection: "alternate-reverse", + "&::before": { + animationDirection: "alternate-reverse", + }, + "&::after": { + animationDirection: "alternate-reverse", + }, + }, + }); + // loop matchUtilities( {