CSS переменные только для определенных свойств

Question

Существует способ указать использование переменных только для определенных свойств. Он используется, чтобы не перезаписывать, скажем, отступы с помощью переменной цвета.

Так что, если вы объявите переменные следующим образом:

- myColor: red

вы не могли бы использоватьпеременная в отступе, как это:

.p {
    /* should NOT be possible */
    padding: var(--myColor);
} 

Может ли кто-нибудь помочь мне с названием этой функции , пожалуйста?

Итак, в основном код будет более сложным, чем --myColor: red.

Я думаю, что помню что-то вроде структуры объекта (но я могу ошибаться):

myColor { color: red; elements: color }

Answer 1

Я нашел ответ, см. Здесь объяснения https://youtu.be/3IUxyBx_PnM?t=1660

CSS.registerProperty({
    name: "--stop-color",
    syntax: "<color>",
    inherits: false,
    initialValue: "black"

})

это на самом деле Houdini CSS