@databyss-org/emotion-core

forked from @emotion/core

Adds support for passing theme to functions in array css prop. https://github.com/emotion-js/emotion/pull/1130

Install

yarn add @databyss-org/emotion-core

Usage

/** @jsx jsx */
import { jsx, css, Global, ClassNames } from '@emotion/core'

render(
  <div css={{ color: 'hotpink' }}>
    <div
      css={css`
        color: green;
      `}
    />
    <Global
      styles={{
        body: {
          margin: 0,
          padding: 0
        }
      }}
    />
    <ClassNames>
      {({ css, cx }) => (
        <div
          className={cx(
            'some-class',
            css`
              color: yellow;
            `
          )}
        />
      )}
    </ClassNames>
  </div>
)

More documentation is available at https://emotion.sh.

@emotion/core

10.0.17

Patch Changes

• 66cda641 #1478 Thanks @Andarist! - Add warnings about using illegal escape sequences
  • 10514a86 #1482 Thanks @mitchellhamilton! - Remove react native bundles in favour of different isBrowser detection
  • 66cda641 #1478 Thanks @Andarist! - Update Babel dependencies

10.0.16

Patch Changes

• 47262b64 - Fix labels from stack traces in some cases

10.0.15

Patch Changes

• 188dc0e7 #1443 Thanks @mitchellhamilton! - Extract styles rather than inline them in compat mode with the Global component
  • 4a3b18a2 #1451 Thanks @Andarist! - Fixed issue with auto-labelling crashing on $ at runtime

10.0.14

Patch Changes

• c0eb604d #1419 Thanks @mitchellhamilton! - Update build tool