16f7084e7f
* Move * Adjust * publish = false * Tree * Move tests * fixup * Split `emotion` * Split `styled_jsx` * Split `styled_jsx` * fmt * `--fix` * clippy * Update crates * fixup * publish * Bump * Rename * authors * Update * More update * Oh * Update test refs * Update test refs * Update again * Fix
27 lines
408 B
JavaScript
27 lines
408 B
JavaScript
import styled, { css, createGlobalStyle } from 'styled-components'
|
|
|
|
const Named = styled.div`
|
|
width: 100%;
|
|
`
|
|
|
|
const NamedWithInterpolation = styled.div`
|
|
color: ${color => props.color};
|
|
`
|
|
|
|
const Wrapped = styled(Inner)`
|
|
color: red;
|
|
`
|
|
|
|
const Foo = styled.div({
|
|
color: 'green',
|
|
})
|
|
|
|
const style = css`
|
|
background: green;
|
|
`
|
|
|
|
const GlobalStyle = createGlobalStyle`
|
|
html {
|
|
background: silver;
|
|
}
|
|
`
|