mirror of
https://github.com/hanzoai/tailwindcss-typography.git
synced 2026-09-24 17:03:19 +00:00
2d25ef39f6
* Start scaffolding out components/modifiers * WIP * Updated pre-code and pre-bg colors * WIP * Add some notes * WIP * handle nested objects, e.g.: `@media` * WIP * simplify invert mode * simplify base styles * add `prose-XXX` variants * update demo pages * bump tailwind version * mark insiders as a valid peer dependency * bump next * use package-lock.json file * cleanup * add more variants * rename `rules` to `hr` * update test snapshots We probably want to look at other testing mechanisms here. * cleanup index file * improve API * Simplify variants, add more element variants * Refactor to use ::marker * Tweak marker positions to work better across multiple browsers * Simplify testing strategy Co-authored-by: sschoger <[email protected]> Co-authored-by: Robin Malfait <[email protected]>
25 lines
634 B
JavaScript
25 lines
634 B
JavaScript
import Head from 'next/head'
|
|
import MarkdownSampleShort from '../components/MarkdownSampleShort.mdx'
|
|
|
|
export default function Index() {
|
|
return (
|
|
<div className="antialiased text-gray-900">
|
|
<Head>
|
|
<title>Tailwind CSS Typography</title>
|
|
</Head>
|
|
<div className="grid">
|
|
<div className="bg-white dark:bg-gray-900">
|
|
<article className="py-12 px-4 prose prose-gray dark:prose-invert mx-auto">
|
|
<h1>Are you happy now?</h1>
|
|
<MarkdownSampleShort />
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export const config = {
|
|
unstable_runtimeJS: false,
|
|
}
|