examples/example-inferno/components/Header.js
import Inferno from 'inferno'
import { createComponent } from 'inferno-fela'
const Header = ({ title, className }) => (
<div className={className}>
{title}
</div>
)
const rule = () => ({
color: 'rgb(50, 50, 50)',
fontSize: 100,
padding: 50,
':hover': { animationDuration: '500ms' },
'@media (max-width: 800px)': { fontSize: '40px' },
animationDuration: '2s',
animationIterationCount: 'infinite',
animationName: {
'0%': { color: 'green' },
'50%': { color: 'blue' },
'80%': { color: 'purple' },
'100%': { color: 'green' }
}
})
export default createComponent(rule, Header, ['title'])