63ea2d8297
Fixes https://github.com/vercel/next.js/issues/15595 - Updated the tailwindcss and tailwindcss-emotion examples to the latest version of tailwindcss - Added a new `with-styled-jsx` example - Updated the `basic-css` example to use CSS Modules instead of styled-jsx - Added the examples to the documentation page for built-in css support
20 lines
423 B
JavaScript
20 lines
423 B
JavaScript
export default function Home() {
|
|
return (
|
|
<div className="hello">
|
|
<p>Hello World</p>
|
|
|
|
<style jsx>{`
|
|
.hello {
|
|
font: 15px Helvetica, Arial, sans-serif;
|
|
background: #eee;
|
|
padding: 100px;
|
|
text-align: center;
|
|
transition: 100ms ease-in background;
|
|
}
|
|
.hello:hover {
|
|
background: #ccc;
|
|
}
|
|
`}</style>
|
|
</div>
|
|
)
|
|
}
|