访问Polymer的CSS

时间:2016-01-03 22:46:00

标签: css sass polymer

我在访问Jekyll SCSS / CSS文件中的Polymer定义的CSS变量时遇到问题。用于颜色的聚合物元素“纸张样式”通过

集成
l

在我的模板的2 l - n > 0中。见https://elements.polymer-project.org/elements/paper-styles。例如,在color.html的样式中,Polymer定义“--google-red-100:#f4c7c3;”

问题:我说我在Jekyll项目中创建了一个* .scss文件。有没有办法引用这个Polymer定义的颜色变量?

Math.max

不起作用。如果可能的话,我想避免将另一个<link rel="import" href="/bower_components/paper-styles/color.html"> 定义放入我的文档头部或者再次自己重新定义颜色变量。

1 个答案:

答案 0 :(得分:0)

您需要将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