https://github.com/vincentdoerig/latex-css

LaTeX.css is a CSS library that makes your website look like a LaTeX document
https://github.com/vincentdoerig/latex-css

classless classless-theme css css-library html latex latex-css

Last synced: 4 days ago
JSON representation

LaTeX.css is a CSS library that makes your website look like a LaTeX document

• Host: GitHub
• URL: https://github.com/vincentdoerig/latex-css
• Owner: vincentdoerig
• License: mit
• Created: 2020-05-18T11:30:55.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-09-21T06:45:44.000Z (3 months ago)
• Last Synced: 2024-12-03T05:04:38.971Z (11 days ago)
• Topics: classless, classless-theme, css, css-library, html, latex, latex-css
• Language: HTML
• Homepage: https://latex.vercel.app
• Size: 1.71 MB
• Stars: 2,951
• Watchers: 29
• Forks: 127
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# [LaTeX.CSS](https://latex.vercel.app/)

[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)

[![latex.css on NPM](https://img.shields.io/npm/v/latex.css.svg?color=green&label=latex.css)](https://www.npmjs.com/package/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](https://github.com/davidrzs/latexcss).

## Getting Started

### Using the `` tag

Add the following code in the head of your project.

```html

```

or use a CDN like Unpkg:

```html

```

### Using NPM/Yarn

NPM:

```bash

npm install latex.css

```

Yarn:

```bash

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](https://latex.vercel.app/#class-based-elements).

## Languages

The labels of theorems, definitions, lemmas and proofs can be changed to other [supported languages](lang) by including the following snippet in addition to the main CSS file.

```html

```

and changing the html `lang` attribute:

```html

```

Have a look at the [language support page](https://latex.vercel.app/languages) 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](https://github.com/davidrzs/latexcss).

Most of the CSS reset is based on Andy Bell's [Modern CSS Reset](https://hankchizljaw.com/wrote/a-modern-css-reset/).

The sample [HTML5 markup test page](https://latex.vercel.app/elements) is based on [html5-test-page](https://github.com/cbracco/html5-test-page) by @cbracco.

The idea of sidenotes was taken and adpated from [Tufte CSS](https://edwardtufte.github.io/tufte-css/).

## License

This project is open source and available under the [MIT License](LICENSE).