Как можно использовать внешнюю таблицу стилей для стилей элементов Polymer 1.0?

Элементы Polymer 1.0 содержат пользовательские переменные CSS, которые позволяют вам стилизовать их, используя встроенные стили как таковые:

<style is="custom-style">
  paper-toolbar {
    --paper-toolbar-color: blue;
  }
</style>

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

<link rel="stylesheet" media="all" href="app.css" is="custom-style">

ОТВЕТЫ

Ответ 1

Вы можете загрузить HTML файл, содержащий ваш custom-style, как и с полимерным элементом:

<link rel="import" href="my-custom-style.html">

И ваш файл my-custom-style.html будет содержать:

<style is="custom-style">
    paper-toolbar {
        --paper-toolbar-color: blue;
    }
</style>

Начиная с Polymer 1.1, эта функция теперь устарела. См. здесь для ответа на обновление