我正在寻找用Polymer Elements（MDL）css / js库替换Material Designs Lite加载项，以便我可以为Vaadin设计更多本机组件的布局。
我发现访问Polymer Elements的内部节点是一个巨大的挑战，例如，Paper-Card有内部div用于卡内容，卡片操作等。可能很难设置使用本地Vaadin组件的卡的内容或动作，因为它们使用getRoot（）和appendChild（）更接近html的树结构，我不能只使用addComponent（new Card（）） ，更不用说设计和布局可能难以协调。因此，我宁愿对样式和使用组件采用一致的标准，而不必担心如果我使用Polymer与Vaadin组件。
所以我的想法是，如果我用MDL替换，那么我应该能够将材质的样式应用于Vaadin UI对象，而无需创建Elements和导入Polymer html组件的开销。
但是，我似乎在导入所需的css时出现问题。我已将javascript库添加到我的UI类，并确认它是使用Chrome中的开发工具包含的。但造型无法应用。将css导入styles.scss是否存在问题？
styles.scss
@import "https://code.getmdl.io/1.1.2/material.indigo-pink.min.css"
@import "../valo.css"
....
或者是否有另一种方法可以实现我使用Vaadin的材料设计的最终目标，这种方法更简单，更容易使用上述内容？
答案 0 :(得分：0)
想出来。需要重命名material.css以使用scss文件类型。 （material.css - ＆gt; material.scss）然后正确导入。