@enhance/styles/theme.mjs

Functional utility classes

import reset from './reset.mjs'
import typeface from './typeface.mjs'
import properties from './properties.mjs'
import background from './background.mjs'
import border from './border.mjs'
import color from './color.mjs'
import themeColor from './theme-color.mjs'
import fill from './fill.mjs'
import smoothing from './smoothing.mjs'
import stroke from './stroke.mjs'
import typeScaleProperties from './type-scale-properties.mjs'
import spaceScaleProperties from './space-scale-properties.mjs'

export default function theme(config) {
  return /*css*/`
${themeColor({ config })}
${properties({ config })}
${typeScaleProperties({ config })}
${spaceScaleProperties({ config })}
${reset({ config })}
${typeface({ config })}
${smoothing()}
${background({ config })}
${border({ config })}
${color({ config })}
${fill({ config })}
${stroke({ config })}
`
}