This is designed with a similar idea to Tailwind CSS Typography, but following the design proposed by Latex.css.
To use it, add latex-style
to a HTML element, in the same way as you would use prose
with Tailwind CSS Typography.
You can see an example of how this works here
This provides two options under the theme
key,
module.exports = {
//...
theme: {
latex: {
footnotes: true,
syntax: true,
},
},
plugins: [require("latex-tailwind")],
};
footnotes
will enable the styling for footnotes, this works based on the footnotes
class, so will be applied across your site
syntax
enables syntax highlighting, this is designed for prism.js