next.js/test/development/basic/emotion-swc/fixture/pages/index.js
index.js34 lines651 B
import { css } from '@emotion/react'
import {
  Animated,
  Basic,
  bounce,
  Combined,
  Pink,
  BasicExtended,
  ComponentSelectorsExtended,
} from '../shared/styles'

const Home = () => (
  <div
    id={'test-element'}
    css={css`
      display: flex;
      flex-direction: column;
      background-color: pink;
    `}
  >
    <Basic>Cool Styles</Basic>
    <Pink>Pink text</Pink>
    <Combined>
      With <code>:hover</code>.
    </Combined>
    <Animated animation={bounce}>Let's bounce.</Animated>
    <ComponentSelectorsExtended>
      <BasicExtended>Nested</BasicExtended>
    </ComponentSelectorsExtended>
  </div>
)

export default Home
Quest for Codev2.0.0
/
SIGN IN