聚合物1.0應用程序主題隻影響index.html而不是自定義元素

我正在使用聚合物入門工具包，並且我想將腳手架移動到它自己的元素<main-scaffold>中。在我將它從index.html移動到它自己的元素之前，有app-theme.html中的樣式適用於它，但現在沒有任何樣式適用。對於我放入我自己的自定義元素中的任何元素都是這種情況。從app-theme.html應用於<paper-material>的自定義樣式不適用於我的<home-page>元素內。我希望某些元素在全球範圍內應用主題。 app-theme.html中唯一適用於其他位置的唯一樣式是CSS自定義屬性，如--dark-primary-color。聚合物1.0應用程序主題隻影響index.html而不是自定義元素

有什麼辦法可以創建適用於整個項目的主題？我試過特別將app-theme.html導入到我的元素中，並沒有什麼不同。提前致謝。

來源

2015-06-17 Nick Ewer

polymerthemes.com的主題應該適用於整個項目。

就在您的<head>下載預先製作的主題之一（或創建自己的使用Polymer Theme Builder），並鏈接到它是這樣的：

<style is="custom-style"> 
    @import url("path/to/theme.css"); 
</style>

或者，看看，看看風格是如何應用在那個網站上。

聲明：我是polymerthemes.com的創造者之一。

來源

2015-06-18 23:42:59 daskalou

現在，更新[主題安裝說明]（https://polymerthemes.com/help/）現在已被添加爲所有主題在polymerthemes.com。有一個閱讀，他們應該讓你更好地瞭解基於聚合物的項目的主題選項。 – daskalou

我有同樣的問題，以下爲我工作。裏面的DOM的模塊添加：

<link rel="import" type="css" href="../styles/app-theme.css">

例如：

<dom-module id="my-element"> 
    <link rel="import" type="css" href="../styles/app-theme.css"> 
    <template> 
    <paper-button raised class="primary">Click Me!</paper-button> 
    </template> 
</dom-module>

這似乎只需要對某些紙元素雖然。紙質複選框沒有它。當然，這不是一個理想的解決方案。

來源

2015-06-20 12:52:42

主題樣式由Polymer Starter Kit中的html文件（app-theme.html）提供。你是否複製了內容並創建了app-theme.css？ – Kenji

@Kenji不，我認爲他們提供了一個替代鏈接的CSS下載，但我現在找不到它。 –

發現在我的自定義元素中放入以下內容會導致gulpfile.js中的vulcanize任務崩潰（使其餘任務不能運行）。

<link rel="import" href="/styles/app-theme.html">

使用相對路徑解決了這個問題

<link rel="import" href="../../../../styles/app-theme.html">

莫名其妙地工作，但我認爲這是不正確的事情。 app-theme.html包含許多我自定義元素不需要的CSS代碼。使用mixins（@apply（ - mixin-name）;）看起來是一種好方法，但還沒有嘗試過。無論如何，我認爲修改app-theme.html是必要的。

我希望聚合物入門套件引入了一個適用於紙張材料/等的默認邊距/填充/等的最佳實踐。

編輯7月2日

繼沒有得到應用。

應用程序主題。HTML

:root { 
… 
--app-paper-material-theme: { 
    border-radius: 2px; 
    height: 100%; 
    padding: 16px 0 16px 0; 
    width: calc(98.66% - 16px); 
    margin: 16px auto; 
    background: white; 
}; 
}

我-customelement - 使用 - papermaterial.html

<style> 
paper-material { 
    @apply(--app-paper-material-theme); 
} 
</style>

我研發一塌糊塗，並張貼在這幾個小時內錯誤的結果，所以我決定刪除該部分。很抱歉，那些看到他們並採取某種行動的人。

來源

2015-07-02 02:56:52 Kenji

聚合物1.0應用程序主題隻影響index.html而不是自定義元素

回答

相關問題