Проблема с полимерной темой

Я создал новое приложение для полимера, используя AppToolbox (полимер cli), и теперь я пытаюсь добавить тему, которую я загружаю с Polymer Theme. Я следую инструкциям: Добавьте следующую строку в свой тег ПОСЛЕ webcomponents-lite.min.js и других импортных HTML-файлов.Проблема с полимерной темой

<link rel="import" href="path/to/theme.html">

Чтобы использовать эту тему в пользовательском элементе, добавьте следующую строку внутри тега:

<link rel="import" href="path/to/theme.css" type="css">

Конечно, я удалил некоторые стили CSS в примерах компонентов, но я не вижу шаблон, примененный к проекту.

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

Инструкции:

источник

2016-06-07 Jose Raul Perera

Это выглядит странно '<ссылка отн = "импорт" HREF = "путь/к/theme.css" Тип = "CSS">'. Я бы ожидал чего-то вроде ''. Вы уверены, что используете инструкции по использованию 1.0 вместо 0,5? –

Да, я уверен, вы могли видеть это в ссылке в моем вопросе. Спасибо –

Для этого требуется ввести адрес электронной почты, вот где я закрыл страницу. –

TL; DR Единственный метод, который, кажется, чтобы эти темы, чтобы правильно работать с полимером 1.5.0, чтобы связать прилагаемую таблицу стилей в index.html с:

<link rel="stylesheet" href="path/to/theme.css">

plunker

инст ructions from https://polymerthemes.com/, чтобы импортировать тему CSS в ваш <dom-module> выровнять с Polymer documentation on importing external stylesheets, но поддержка этого типа импорта устарела в пользу style modules.

Однако даже модули стиля не позволяют заполнять тематику в моих экспериментах.

испытания:

Импортирующие прилагаемую тему в <dom-module> (deprecated):
```
<dom-module id="x-button"> 
    <link rel="import" type="css" href="theme.css">  
    ... 
</dom-module> 
```
Результат: Стили не ограничены пользовательского элемента, но не стиль шрифта.plunker
Преобразование прилагаемую тему в модуль стиля, и в том числе его в <dom-module>:
```
<link rel="import" href="theme.html"> 
<dom-module id="x-button"> 
    <style is="custom-style" include="theme"></style>  
    ... 
</dom-module> 
```
Результат:(такой же эффект, как Trial 1)plunker
Образцы прилагаемую таблицу стилей в <dom-module>:
```
<dom-module id="x-button"> 
    <link rel="stylesheet" href="theme.css">  
    ... 
</dom-module> 
```
Результат:x-button полностью стиле, как задумано, но стили просочиться в главную страницу, изменение цвета фона и paper-button главной страницы. plunker
Образцы прилагаемую таблицу стилей только в index.html:
```
<head> 
    <link rel="stylesheet" href="theme.css">  
    ... 
</head> 
<body> 
    <x-button></x-button> 
</body> 
```
Результат:x-button полностью стиле, как предполагалось. plunker

источник

2016-06-07 23:32:38 tony19

Отличное объяснение и большое спасибо за это, я очень ценю это. –

Проблема с полимерной темой

ответ

Смежные вопросы