UNPKG

@nex-ui/react

Version:

🎉 A beautiful, modern, and reliable React component library.

39 lines (35 loc) • 717 B
'use strict'; var react = require('@emotion/react'); var system = require('@nex-ui/system'); const circle = react.keyframes({ '0%': { transform: 'rotate(0deg)' }, '100%': { transform: 'rotate(360deg)' } }); const iconRecipe = system.defineRecipe({ base: { userSelect: 'none' }, variants: { spin: { true: { animation: `${circle} 1s linear infinite` } }, size: { sm: { fs: '1.25em' }, md: { fs: '1.5em' }, lg: { fs: '1.75em' } } } }); exports.iconRecipe = iconRecipe;