Coder Social home page Coder Social logo

vincentdoerig / latex-css Goto Github PK

View Code? Open in Web Editor NEW
2.7K 28.0 121.0 1.74 MB

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

Home Page: https://latex.now.sh

License: MIT License

HTML 66.58% CSS 33.20% JavaScript 0.22%
latex latex-css css classless-theme html css-library classless

latex-css's People

Contributors

antoninkriz avatar avanloo01 avatar benhid avatar daenney avatar error-undef avatar etbox avatar firefly-cpp avatar jcbhmr avatar ludvigalden avatar mrwolferinc avatar natsuwater avatar oleguldberg avatar oskartom avatar quark67 avatar rsusik avatar samarulmeu avatar thejoeejoee avatar tiagofilipesilva avatar valeryverkhoturov avatar vihuna avatar vincentdoerig avatar wollymonkey avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

latex-css's Issues

Latin Modern, readability issues

I've added latex.css to my page and without any other styling, it is quite difficult to read the text - see screenshot below. I tried three displays (2 external, 1 notebook with native resolution), Firefox and Chrome (Windows) - same result. Types are too thin, somehow blurry and too close to each other - however it doesn't seem like kerning was somehow overdone; of course, increasing font-size helped - but then font is too big obviously.

I'm aware that you are not author of LM font itself - is there any other variant of LM font, or is there any other but similar font? (Or perhaps, could be issue on my device?)


image

How to use latex-css locally?

Hi
I am trying to use the style.css locally, but the export results are different.
I copied the content from https://latex.now.sh/style.css in an plain text file and renamed to latex.css but the appearence is quite worse.

image

Left: <link rel="stylesheet" href="https://latex.now.sh/style.css">
Right: <link rel="stylesheet" type="text/css" href="latex.css" />

NPM package

This is wonderful. I'm wondering if you would put it as an NPM package sometime soon?

Inconsistent hyphens, justify along the docs

hyphens and justify are only applied for paragraphs (for example, proofs in the docs are not justified). This is going to affect also to the sidenotes, depending if they are inside a paragraph.
I'm not sure if this is intentional, but, in this case, you would need to add a paragraph as the first element of a proof environment (if you want the text justified), or you will get a mix of justified/unjustified lines in the same proof.

This is in some way related to the closed PR #56.

Turkish Language

Can you add the tr.css file for the LaTeX.css file? I tried it myself and could not get authorization. It should be:

:lang(tr) .theorem::before { content: 'Teorem ' counter(theorem) '. ' !important; } :lang(tr) .lemma::before { content: 'Lemma ' counter(theorem) '. ' !important; } :lang(tr) .proof::before { content: 'Kanıt. ' attr(title) !important; } :lang(tr) .definition::before { content: 'Tanım ' counter(definition) '. ' !important; }

RTL support.

Thank you for your hard working. I just wondering is there any intents to support RTL?

Multiline table headers borders drawn at every line of the header rows

Hi,
Thanks for the nice style.

I think it should just draw the border at the end of the table header instead of the every line.
I think these lines draw the border in the table header:

latex-css/style.css

Lines 312 to 314 in 34d7276

table tr > th[scope='col'] {
border-bottom: 1.36px solid var(--table-border-color);
}

tbody already has a top border so I think these can be omitted. Or maybe just made the border be drawn on the last header line.

image

Best, B

mathjax cdn broken

Hi there! I love this template.

The mathjax cdn appears to be broken:

Loading failed for the <script> with source “https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js”. latex.now.sh:377:1

source code block too long

When using latex.css to generate html from my org-mode note, the source code sometimes will be too long and out of

 area as below:
example

Not properly typeset

Great idea, I love it! However the most important feature of LaTeX is proper typesetting, IOW, variable spaces, etc... Any way this can be implemented? I'm not sure how HTML would really support this. Perhaps that is an upstream browser issue that someone can fix first?

Cheers!

Remove CSS Properties [box shadows]

Description

I used this CDNlink on my SPA page and it worked well but for some element used as cards that have box-shadows doesn't comply with the pattern

Solution

I'm suggesting that on default CSS properties like box-shadow should removed

Printing sidenotes

Hello to you all!

This is more of a question than a issue. Is there a possibility to have the sidenotes/marginnotes appear when printing? I have no idea how to enable this.

Thank you very much!

Add support of Russian

Hi there.
Awesome project, thanks!
Would it be difficult to add support of Russian language?
The fonts are not quite right in Russian for now.

automatic color mode using latex css

How do i enable dark or light mode based on the user OS color preferences? I read the docs, but i didn't really understand, what do i have to change to enable this feature? I don't mean the toggle button by the way,

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.