71 lines
2.7 KiB
JavaScript
71 lines
2.7 KiB
JavaScript
const colors = require( 'tailwindcss/colors' );
|
||
|
||
module.exports = {
|
||
theme: {
|
||
extend: {
|
||
typography: ( theme ) => ( {
|
||
/**
|
||
* Tailwind Typography’s default styles are opinionated, and
|
||
* you may need to override them if you have mockups to
|
||
* replicate. You can view the default modifiers here:
|
||
*
|
||
* https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js
|
||
*/
|
||
|
||
DEFAULT: {
|
||
css: [
|
||
{
|
||
/**
|
||
* By default, max-width is set to 65 characters.
|
||
* This is a good default for readability, but
|
||
* often in conflict with client-supplied designs.
|
||
* A value of false removes the max-width property.
|
||
*/
|
||
maxWidth: false,
|
||
|
||
/**
|
||
* You can customize your color theme below. The
|
||
* initial values are based upon the neutral gray
|
||
* scale theme, using the `primary` color from
|
||
* your `theme.json` file for links.
|
||
*/
|
||
'--tw-prose-body': colors.neutral[ 700 ],
|
||
'--tw-prose-headings': colors.neutral[ 900 ],
|
||
'--tw-prose-lead': colors.neutral[ 600 ],
|
||
'--tw-prose-links': theme( 'colors.primary' ),
|
||
'--tw-prose-bold': colors.neutral[ 900 ],
|
||
'--tw-prose-counters': colors.neutral[ 500 ],
|
||
'--tw-prose-bullets': colors.neutral[ 300 ],
|
||
'--tw-prose-hr': colors.neutral[ 200 ],
|
||
'--tw-prose-quotes': colors.neutral[ 900 ],
|
||
'--tw-prose-quote-borders': colors.neutral[ 200 ],
|
||
'--tw-prose-captions': colors.neutral[ 500 ],
|
||
'--tw-prose-code': colors.neutral[ 900 ],
|
||
'--tw-prose-pre-code': colors.neutral[ 200 ],
|
||
'--tw-prose-pre-bg': colors.neutral[ 800 ],
|
||
'--tw-prose-th-borders': colors.neutral[ 300 ],
|
||
'--tw-prose-td-borders': colors.neutral[ 200 ],
|
||
'--tw-prose-invert-body': colors.neutral[ 300 ],
|
||
'--tw-prose-invert-headings': colors.white,
|
||
'--tw-prose-invert-lead': colors.neutral[ 400 ],
|
||
'--tw-prose-invert-links': colors.white,
|
||
'--tw-prose-invert-bold': colors.white,
|
||
'--tw-prose-invert-counters': colors.neutral[ 400 ],
|
||
'--tw-prose-invert-bullets': colors.neutral[ 600 ],
|
||
'--tw-prose-invert-hr': colors.neutral[ 700 ],
|
||
'--tw-prose-invert-quotes': colors.neutral[ 100 ],
|
||
'--tw-prose-invert-quote-borders': colors.neutral[ 700 ],
|
||
'--tw-prose-invert-captions': colors.neutral[ 400 ],
|
||
'--tw-prose-invert-code': colors.white,
|
||
'--tw-prose-invert-pre-code': colors.neutral[ 300 ],
|
||
'--tw-prose-invert-pre-bg': 'rgb(0 0 0 / 50%)',
|
||
'--tw-prose-invert-th-borders': colors.neutral[ 600 ],
|
||
'--tw-prose-invert-td-borders': colors.neutral[ 700 ],
|
||
},
|
||
],
|
||
},
|
||
} ),
|
||
},
|
||
},
|
||
};
|