Какой-нибудь сложный диалект CSS в React.js, а также для использования в ванили?CSS

Разбираемся в CSS
Ответить
Anonymous
 Какой-нибудь сложный диалект CSS в React.js, а также для использования в ванили?

Сообщение Anonymous »

Недавно я мечтал о собственном дистрибутиве Linux со своим внешним видом и макетом. Тем не менее, я хотел бы разрешить пользователю множество переопределений внешнего вида (например, различные цвета и другие параметры). Это возможно в Интернете, но совсем не с React.js + styled-comments (которые я планировал использовать вместе со средой выполнения на основе Tauri Webkit):
  • Код: Выделить всё

    styled-components
    каким-то образом поддерживает все CSS, поэтому вы можете отразить реквизиты компонента в переменных CSS (например, --bg). Затем вы можете разрешить пользователю вставлять файл CSS, который переопределяет CSS существующего компонента. Однако проблема, с которой я сталкиваюсь, заключается в том, что вы не можете многое сделать со значениями цвета (например, хотелось бы, чтобы была функция cval.c(color: var(--bg); reference: var(--backdrop-bg); Ratio: 10%) CSS-функция, которая означает «автоконтраст», которая будет осветлять/затемнять цвет на основе другого эталонного цвета (обычно фона).
  • Нет встроенное свойство CSS, которое волшебным образом возьмет изображение и применит к нему цветовой фильтр (например, greenfy).
Эти потребности были бы возможны, если бы фреймворк/библиотека делали это с помощью диалекта CSS (применимо к собственным тегам WHATWG React.js и самому DOM (например, для предоставленного пользователем CSS)). color-filter можно использовать PIXI.js для растровых изображений с использованием цветового эффекта, а для SVG - простой встроенный стиль, который является цветовым эффектом (например, Adobe Spectrum делает это), а для функций значения цвета нужно будет наблюдать за изменениями CSS-переменных, чтобы функция значения цвета была реактивной.
Может быть, еще одним поводом для беспокойства может быть то, что Webkit может быть не самой оптимизированной вещью, но я не вижу другой лучшей технологии для использования И в любом случае, поскольку webkit2gtk использует общий объект, я не думаю, что это приведет к серьезной потере производительности.

Подробнее здесь: https://stackoverflow.com/questions/798 ... anilla-use
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»