LiveStyle.Compiler.CSS.Keyframes (LiveStyle v0.13.0)

View Source

CSS @keyframes generation for LiveStyle.

This module handles generating @keyframes rules from the manifest, including RTL variants for animations that use logical properties.

Output Format

Keyframes are output in minified StyleX format:

@keyframes xabc123-B{from{opacity:0;}to{opacity:1;}}

RTL variants are wrapped in html[dir="rtl"]:

html[dir="rtl"]{@keyframes xabc123-B{from{margin-right:0;}to{margin-right:10px;}}}

Summary

Functions

Generate @keyframes CSS from manifest.

Functions

generate(manifest)

@spec generate(LiveStyle.Manifest.t()) :: String.t()

Generate @keyframes CSS from manifest.