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

Question

有一个聚合物项目使用 import 'package:polymer_elements/color.dart'; 中的 material 颜色定义对 css 样式的引用，例如var(--paper-green-300); 工作正常，当它们被放置在元素的 <style></style> 部分时，但是当我将其移动到 style.css 时，它们找不到。我尝试了 index.html 和 index.dart 中包含的不同组合。例如。在 index.html 的 <head> 部分 <link rel="import" href="packages/polymer_elements/color.html"> 但似乎没有成功。有人遇到过类似问题吗？

当然不是高优先级的项目杀手，使用硬编码值或在 <style> 部分为每个元素保留定义很简单。不过这样东西会更整洁

环境

 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

Answer 1

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

is="custom-style" 对于 Polymer 元素中的样式标签是隐式的，可以而且应该省略。

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

Referencing in style.css to sdk definition e.g. color.dart

dart

dart-polymer