@nex-ui/react
Version:
🎉 A beautiful, modern, and reliable React component library.
39 lines (35 loc) • 717 B
JavaScript
'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;