On this page

elter.style

In style a single syntax is supported. There's no need to think about classNames here.
we recommend using the variable name style + subject

Write style and compile

The hash of the object is directly attached to the className.

Something.tsx

import elter from 'elter'
 
const styleLink = elter.style({
  fontSize: '14px',
  color: 'var(--color-link)',
  textDecoration: 'none'
})
 
const styleBox = elter.style({
  display: 'block',
  padding: 20,
  width: 60,
  height: 60
})
 
const styleContainer = elter.styleLink({
  display: 'flex',
  justifyContent: 'center',
  alignItems: 'center'
})