rofrischmann/fela

View on GitHub
examples/example-inferno/components/Header.js

Summary

Maintainability
A
3 hrs
Test Coverage
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'])