Подтвердить что ты не робот

Как можно использовать внешнюю таблицу стилей для стилей элементов 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">
4b9b3361

ОТВЕТЫ

Ответ 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, эта функция теперь устарела. См. здесь для ответа на обновление