да?
почему одинаковые то? раз он берет переменные из рантайма, то и меняет он их в рантайме. иначе это просто не будет работать
Будут, но в этом нет проблемы. Тут же не может быть течи по каскаду :)
сначало посмотри куда он прописывает значения переменных в цсс https://github.com/srmullen/svelte-reactive-css-preprocess/blob/main/src/index.js#L38, а потом уже решай будут проблемы или нет. Если он прописывает значения в :root селектор, то наверно очевидно что будут работать значения только второго инстанса на оба инстанса? в доках не показано куда он пишет значения, но почему есть css с рут селектором и дефолтными значениями inherit? Нахрена они нужны тоже непонятно, наверно чтобы ни у кого дефолт фолбэк в втором аргументе var(—size, 1000px) никогда не сработал)
фолбэк сработает, так как inherit в качестве значения не может храниться и относится к самому кастомному свойству. Но насчет препроцессора согласен - бесполезная вещь
только если второй инстанс такого же компонента не поставил на рут уже не inherit)
Да, ты прав, так и есть. Корявая реализация. Я сперва подумал, что он всё же пишет в :root для конкретного компонента (в свелте так можно, это даст искомый эффект), но нет. Я даже больше скажу про этот препроцесс — он все цсс-переменные экранирует, а не те, которые пересекаются с стейтом компонента :)
лол что значит "в свелте так можно" )
Обсуждают сегодня