CSS now has an if() conditional function

Post by oifjoijoifj » Sat, Dec 06, 2025, 2:27 AM UTC

saghm wrote: post #208

embedding-shape wrote: post #117

Earlier quoted context omitted.

> every declarative language becomes a programming language. Overly pessimistic, lots of non-programming languages remain non-programming languages. Just because one of the most widely used declarative languages start adding conditionals doesn't mean the whole world is turning upside down... > The distinction between code, config and data is being erased. As as lisp programmer, I love it. Get rid of treating things d…

> Get rid of treating things differently, make everything the same and make everything work with everything, code should just be data. "Code should just be data" doesn't imply the converse, though; there's arguably utility in having data that isn't code, even with the premise that code should be data.

Post by niutech » Sat, Dec 06, 2025, 9:13 AM UTC

runarberg wrote: post #201

niutech wrote: post #183

Earlier quoted context omitted.

Becoming? CSS is already Turing-complete ( https://stackoverflow.com/a/5239256 ), even without if() function. Why? Because of enormous JS bloat. Pure CSS solutions are more performant and backwards-compatible (don't raise exceptions which abort the code). Who decides? CSS Working Group.

I am not a CS expert, but this does not look like a full implementation of rule 110, nor is it even pure CSS (there is HTML involved). What I see in the SO answer is an interface for Rule 110 with an additional set of instruction (written in a natural language) for the user to execute manually. So you can use CSS + HTML to create an interface for a Rule 110, which is then written in a natural language around that int…

Post by giamma » Sat, Dec 06, 2025, 10:32 AM UTC

bokchoi wrote: post #206

pjmlp wrote: post #143

Earlier quoted context omitted.

It sure did, you use conditions, no need for contrib. https://ant.apache.org/manual/Tasks/condition.html The else part is easily done by repeating and negating the condition. Two other advantages of Ant that MSBuild lacks in a sane way to this day, are macros, and proper documentation.

As of Ant 1.9.1, you can use 'if' and 'unless' attributes on any task or element in a target. I stopped using Ant a long time ago, but this was a pleasant discovery when I had to pick up an old Ant based project recently. https://ant.apache.org/manual/ifunless.html

Post by kaelwd » Sat, Dec 06, 2025, 11:39 AM UTC

cubefox wrote: post #73

EmilStenstrom wrote: post #43

Here is a much better link to how it works: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/V...

padding: 1em; padding: if(style(--size: "2xl"): 1em; else: 0.25em); > Note: Remember to include the else condition. In if()-supporting browsers, if no else value were included and --size was not equal to "2xl", the padding would be set to initial. This is counterintuitive. You would expect the above falls back to "1em" (from "padding: 1em;") when "else" is not specified. Instead, omitting "else" apparently means "els…

    padding: 1em;
    padding: var(--padding);

    padding: 1em;
    @container style(--padding) {
      padding: var(--padding);
    }

    @layer base {
      padding: 1em;
    }
    @layer override {
      padding: var(--padding, revert-layer);
    }

Post by lmm » Sun, Dec 07, 2025, 8:17 AM UTC

alwillis wrote: post #218

lmm wrote: post #27

Earlier quoted context omitted.

On the contrary, a lot of the reason CSS is confusing is because it's full of insane hacks people have to do to get the behaviour they want. A straight-up if statement is much simpler than many of the horrors I've seen.

>On the contrary, a lot of the reason CSS is confusing is because it's full of insane hacks people have to do to get the behaviour they want. CSS is confusing because the vast majority of web developers never learned it properly. Many developers won't learn any "new" CSS (like CSS Grid which shipped in all browsers in 2017 ) beyond the hacks they learned in the '90s and early 2000's. That's not the fault of CSS.