Less Random Variable/Number

010101

I'm attempting to make a CSS/LESS rule randomly change. According to various posts like the following one, I should be able to do this since Flarum uses LESS...

https://stackoverflow.com/questions/19869023/generate-random-number-in-less-css

But, when I try any of these options I get errors. I'm trying to add this stuff to the custom css area in my admin. It says both LESS and CSS are allowed. But, maybe these stack overflow instructions are wrong and/or due to the way something is coded in Flarum this just won't work?

Anyone know how I could make a CSS rule generate a random number on each page load? I know this does nothing, but for example...

width: @random;

clarkwinkelmann

010101 what error do you get?

Anything less-based probably won't do what you expect. It'll be random when the file is generated, but then the file is cached so the value won't change until you enable/disable an extension or edit the custom CSS. And all users will have the same value.

If you want the value to change on each page load you could set a CSS variable to the page body using javascript, then use that CSS variable (not Less variable) inside of your style.

010101

clarkwinkelmann Error was this: https://www.programmersought.com/article/53747669611/

I was experimenting. Not important.

clarkwinkelmann

One more thing to note is that the javascript-based function described in the Stackoverflow article most likely isn't going to work with Flarum. I see the answer mentions:

We recommend using caution with this feature as the LESS will not be compilable by ports

And Flarum is using a port of Less. We use a PHP based parser which very likely doesn't have javascript support.