4a2d5a1b49
Co-authored-by: Tim Neutkens <tim@timneutkens.nl> Co-authored-by: Tim Neutkens <timneutkens@me.com>
58 lines
803 B
JavaScript
58 lines
803 B
JavaScript
import css, { resolve, global } from 'styled-jsx/css'
|
|
import colors, { size } from './constants'
|
|
const color = 'red'
|
|
|
|
const bar = css`
|
|
div {
|
|
font-size: 3em;
|
|
}
|
|
`
|
|
|
|
const baz = css.global`
|
|
div {
|
|
font-size: 3em;
|
|
}
|
|
`
|
|
|
|
const a = global`
|
|
div {
|
|
font-size: ${size}em;
|
|
}
|
|
`
|
|
|
|
export const uh = bar
|
|
|
|
export const foo = css`div { color: ${color}}`
|
|
|
|
// TODO: the next 3 should not transformed as dynamic
|
|
css.resolve`
|
|
div {
|
|
color: ${colors.green.light};
|
|
}
|
|
a { color: red }
|
|
`
|
|
|
|
const b = resolve`
|
|
div {
|
|
color: ${colors.green.light};
|
|
}
|
|
a { color: red }
|
|
`
|
|
|
|
const dynamic = colors => {
|
|
const b = resolve`
|
|
div {
|
|
color: ${colors.green.light};
|
|
}
|
|
a { color: red }
|
|
`
|
|
}
|
|
|
|
export default css.resolve`
|
|
div {
|
|
font-size: 3em;
|
|
}
|
|
p {
|
|
color: ${color};
|
|
}
|
|
`
|