Welcome • User Guide
ToS • Privacy • Canary
Donate • Bugs • License

©2025 Poal.co

1.3K

As minified, when using these properties on :root:

:root{--body-color:rgb(0, 115, 230);--th-navbar-pure-g:#09f;--secondary-color:#00bfff;--hover-button-color:#00bfff}

and then implementing these CSS properties:

.th-navbar.pure-g{background-color:var(--th-navbar-pure-g)}.th-subbar.pure-u-1{background:var(--secondary-color);border-bottom:1px solid #fff}body{background:var(--body-color)}

I get and .

As minified, when using these properties on :root: `:root{--body-color:rgb(0, 115, 230);--th-navbar-pure-g:#09f;--secondary-color:#00bfff;--hover-button-color:#00bfff}` and then implementing these CSS properties: `.th-navbar.pure-g{background-color:var(--th-navbar-pure-g)}.th-subbar.pure-u-1{background:var(--secondary-color);border-bottom:1px solid #fff}body{background:var(--body-color)}` I get [this](https://pic8.co/sh/31vI3G.png) and [the CSS appears broken](https://pic8.co/sh/ggqyQB.png).

(post is archived)

You are currently inside a comment thread.
Click here to see all the comments (7).
[–] [deleted] • 0 pt (edited )

Huh. I'm having trouble finding where exactly where in the CSS validation part of their code CSS custom properties are not supported. I'm looking app/misc.py. And I see the rules that say no to `` and just the %% itself. But I don't see anything that is exactly stopping what I've mentioned: https://github.com/Phuks-co/throat/blob/96109cfcd65a96cc8e60aed18669eb2d3a7d0eb8/app/misc.py#L1199 Unless it's related to something with tinycss.

[–] [deleted] • 0 pt (edited )

Aha. I think I might have found the piece of code that stops custom CSS properties. https://github.com/Kozea/tinycss/blob/a14535a5cd344329403795ec19929c3d2593499f/tinycss/decoding.py#L63

*Edit: Never mind. I'm still not sure :/