Полимер и тень Внешний внешний вид DOM

Question

Привет, я экспериментирую с Polymer и пытаюсь создать некоторые полимерные бумажные модули ... В Polymer 1.0 они добавили эти новые свойства в CSS внутри модуля shadow DOM ... Я пытаюсь измените цвет, который зависит от одного из этих свойств --paper-input-container-focus-color для модуля paper-input-container, но я не смог найти никакой четкой документации или руководства о том, как получить доступ к этому свойству из ...

Я могу настроить его, переопределяя свойство CSS через /deep/ или ::shadow, но из моего понимания этот новый метод должен избегать использования этих 2 ...

Может ли кто-нибудь указать мне правильное направление ???

ПОЯСНЕНИЯ:

Я заинтересован в mixins Google представил в полимере ... что использовать @apply(--foo-bar)

Answer 1

Как обычно я отвечаю на мой собственный вопрос ... Но я действительно надеюсь, что это может помогите другим не тратить дни, как я.

Чтобы воспользоваться преимуществами этих новых микшинов, чтобы настроить свой теневой элемент извне, вам нужно добавить тег style с атрибутом is="custom-style" на вашей странице перед размещением пользовательский тег.

<style is="custom-style"> 
    my-custom-module{ 
     --my-custom-property-color: yellow; 
    } 
</style> 

<my-custom-module></my-custom-module>