Найти в Дзене
Миша Ларченко

В CSS добавили функцию if

В CSS добавили функцию if(). Теперь "сложную" логику стилей можно делать без Sass, Less, Stylus или что там сейчас все используют. Теперь просто можно писать так: color: if(style(--theme: dark): white; else: black); или вот так: /* Одно условие */ property: if(condition‑1 : value‑1;); /* Несколько условие */ property: if(condition‑1 : value‑1; condition‑2 : value‑2; ); /* Else */ property: if(condition‑1 : value‑1; else : fallback ); /* Много условий и Else */ property: if(condition‑1 : value‑1; condition‑2 : value‑2; /* больше условий если надо */ else : fallback ); Подробнее вот здесь https://markodenic.com/introduction-to-css-if-statements-and-conditional-logic/ #css · @larchanka

В CSS добавили функцию if(). Теперь "сложную" логику стилей можно делать без Sass, Less, Stylus или что там сейчас все используют.

Теперь просто можно писать так:

color: if(style(--theme: dark): white; else: black);

или вот так:

/* Одно условие */

property: if(condition‑1 : value‑1;);

/* Несколько условие */

property: if(condition‑1 : value‑1;

condition‑2 : value‑2;

);

/* Else */

property: if(condition‑1 : value‑1;

else : fallback

);

/* Много условий и Else */

property: if(condition‑1 : value‑1;

condition‑2 : value‑2;

/* больше условий если надо */

else : fallback

);

Подробнее вот здесь https://markodenic.com/introduction-to-css-if-statements-and-conditional-logic/

#css · @larchanka