APIs

Inline

• RFC in StyleX

Usage

import { create, props } from '@stylexjs/js'
import { inline } from '@stylex-extend/core'

const styles = create({
  summary: {
    color: 'pink'
  }
})

export function Component() {
  return (
    <div {...props(styles.summary, inline({ fontSize: '18px' }))}>
      <span {...inline({ color: 'blue' })}></span>
    </div>
  )
}

injectGlobalStyle

• unoffical API

import { injectGlobalStyle } from '@stylex-extend/core'
import { colors } from './colors.stylex'

injectGlobalStyle({
  body: {
    fontSize: '30px',
    color: colors.pink,
    '> p': {
      color: 'red'
    }
  }
})