在style.css中引用sdk定义,例如color.dart

时间:2016-02-15 12:18:36

标签: dart dart-polymer

使用import 'package:polymer_elements/color.dart';中的材质颜色定义进行聚合物项目对css样式的引用,例如:当var(--paper-green-300);放置在元素的<style></style>部分时,<head>可以正常工作,但是当我将它移到style.css时,找不到它们。我尝试过在index.html和index.dart中使用include的不同组合。例如。在<link rel="import" href="packages/polymer_elements/color.html">部分<style>的index.html中,但似乎没有做到这一点。有类似问题经验的人吗?

当然不是高prio项目杀手,使用硬编码值很简单,或者在每个元素的 Dart version 1.14.0 WebStorm 11.0.3 From pubspec.yaml: environment: sdk: '>=1.9.0 <2.0.0' dependencies: polymer: ^1.0.0-rc.15 web_components: ^0.12.0 polymer_elements: 1.0.0-rc.8 browser: ^0.10.0 reflectable: ^0.5.0 polymer_interop: ^1.0.0-rc.5 部分留下定义。但这样事情会更加整洁。

环境

{{1}}

1 个答案:

答案 0 :(得分:1)

Polymer中的CSS变量仅适用于<style is="custom-style">,因此不适用于.css个文件。

is="custom-style"隐含在Polymer元素中的样式标记中,可以而且应该省略。