Доступ к CSS полимера

У меня проблемы с доступом к переменной CSS, определенной Polymer, в файле Jekyll SCSS/CSS. Polymer Elements "Paper Styles" для цветов интегрируется через

<link rel="import" href="/bower_components/paper-styles/color.html">

в <head> моего шаблона. См. https://elements.polymer-project.org/elements/paper-styles. Например, в стилях color.html Polymer определяет "--google-red-100: #f4c7c3;"

Вопрос. Допустим, я создал файл *.scss в своем проекте Jekyll. Есть ли способ сослаться на эту определяемую полимером переменную цвета?

color: --google-red-100;
color: $--google-red-100;
color: $google-red-100;
color: var(--google-red-100);

не работает. Если возможно, я не хочу помещать другое определение <style> в заголовок моего документа или снова переопределять цветовые переменные.


css sass polymer
person MasterOfDesater    schedule 03.01.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вам нужно обернуть свой CSS в модуль стиля, а затем импортировать его и ссылаться на него в теге компонентов <template>, например

<style import="my-style-module">

или в твоей голове

<style is="custom-style" import="my-style-module">

См. https://www.polymer-project.org/1.0/docs/devguide/styling.html#style-modules для более подробной информации.

person Günter Zöchbauer    schedule 04.01.2016