LaTeX.css is a CSS library that makes your website look like a LaTeX document
LaTeX.CSS
LaTeX.css is a minimal, almost class-less CSS library which makes any website look like a LaTeX document. It is based on @davidrzs' latexCSS.
Getting Started
Using the <link> tag
Add the following code in the head of your project.
<link rel="stylesheet" href="https://latex.vercel.app/style.min.css" />
or use a CDN like Unpkg:
<link rel="stylesheet" href="https://unpkg.com/latex.css/style.min.css" />
Using NPM/Yarn
NPM:
npm install latex.css
Yarn:
yarn add latex.css
Add any optional classnames to elements with special styles (author subtitle, abstract, lemmas, theorems, etc.). A list of supported class-based elements can be found here.
Languages
The labels of theorems, definitions, lemmas and proofs can be changed to other supported languages by including the following snippet in addition to the main CSS file.
<link rel="stylesheet" href="https://latex.vercel.app/lang/es.css" />
and changing the html lang attribute:
<html lang="es">
Have a look at the language support page for more info and a demo of the different languages.
Contributing
Contributions, feedback and issues are welcome. Feel free to fork, comment, critique, or submit a pull request.
Acknowledgements
This project is based on David Zollikofer's project latexCSS.
Most of the CSS reset is based on Andy Bell's Modern CSS Reset.
The sample HTML5 markup test page is based on html5-test-page by @cbracco.
The idea of sidenotes was taken and adpated from Tufte CSS.
License
This project is open source and available under the MIT License.