1. Advisor
  2. emotion
  3. functions
  4. emotion/macro.css
View all emotion analysis

How to use the emotion/macro.css function in emotion

To help you get started, we’ve selected a few emotion examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github emotion-js / emotion / packages / babel-plugin / __tests__ / vanilla-emotion-macro / __fixtures__ / object-label.js View on Github external
import { css } from 'emotion/macro'

let obj = {
  someProp: css({ color: 'green' }),
  anotherProp: css({ color: 'hotpink' })
}
class Thing {
  static Prop = css({ color: 'yellow' })
  BadIdea = css({ color: 'red' })
}
github emotion-js / emotion / packages / babel-plugin / __tests__ / vanilla-emotion-macro / __fixtures__ / css-object.js View on Github external
import { css } from 'emotion/macro'

let someCls = css({
  color: window.whatever
})
github emotion-js / emotion / packages / babel-plugin / __tests__ / vanilla-emotion-macro / __fixtures__ / object-label.js View on Github external
import { css } from 'emotion/macro'

let obj = {
  someProp: css({ color: 'green' }),
  anotherProp: css({ color: 'hotpink' })
}
class Thing {
  static Prop = css({ color: 'yellow' })
  BadIdea = css({ color: 'red' })
}

emotion

The Next Generation of CSS-in-JS.

GitHub
MIT
Latest version published 3 years ago

Package Health Score

85 / 100
Full package analysis

Popular emotion functions

Similar packages