Переменные CSS для пользовательского компонента в слотеCSS

Разбираемся в CSS
Anonymous
Переменные CSS для пользовательского компонента в слоте

Сообщение Anonymous »

У меня есть пользовательский компонент, который использует в нем другой компонент, но прорезится. Компонент настроен так: < /p>






< /code>
и поэтому реализация < /p>








У меня есть переменная CSS --_ nys-button-width Настройка, которую я могу переопределить в файле nys-modal.styles , но он работает только в том случае, если настроен в , а не в том, что он проходит через SLOT. Я хочу переопределить-nys-button-width на 100%, но что-то вроде следующего не работает:
::slotted([slot="actions"]) nys-button {
--_nys-button-width: 100%;
}
< /code>
Это только проблема на слоте. Я могу легко манипулировать --_ Nys-Button-WIDTH (или любой из моих других CSS VARS) для NYS-Button в компоненте NYS-модального, который не является слотом с:
nys-button {
--_nys-button-width: 100%;
}


Подробнее здесь: https://stackoverflow.com/questions/797 ... -in-a-slot

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