![]() | Name | Last modified | Size | Description |
---|---|---|---|---|
![]() | Parent Directory | - | ||
![]() | dist/ | 2 years ago | - | |
![]() | jsx-dev-runtime/ | 2 years ago | - | |
![]() | jsx-runtime/ | 2 years ago | - | |
![]() | src/ | 2 years ago | - | |
![]() | types/ | 2 years ago | - | |
![]() | CHANGELOG.md | 40 years ago | 8.4K | |
![]() | LICENSE | 40 years ago | 1.1K | 0fb859dc fixed mobile overflwo options [كارل مبارك] |
![]() | README.md | 40 years ago | 695 | 0fb859dc fixed mobile overflwo options [كارل مبارك] |
![]() | package.json | 2 years ago | 2.4K |
Simple styling in React.
yarn add @emotion/core
/** @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.