我正在使用angular-cli和主题指南,以便在angular / material2应用程序中创建自定义主题 .
在scss文件中,主要颜色和重音颜色相应地分配给$ primary和$ accent scss变量 .
有没有办法在自定义组件scss样式中使用$ primary变量?任何尝试结果:'未定义的变量:“$ primary”'当angular-cli尝试编译组件的样式表时 .
先感谢您
您可能必须在要更改的文件中使用import语句或使用 $primary 变量 . 我正在使用前端框架中的scss,并且必须在我的main.scss文件中执行此操作:
$primary
@import "frontEndFramework.scss";
我认为@John答案的答案是相关的 . 我无法找到在unsuccesfuly尝试导入我的自定义主题后发生的变化 . 只是为了完成答案,我使用的是:
@import '../my-custom-theme.scss'; g > .title { fill: md-color($primary); }
尝试设置SVG组件样式的任何人的其他信息:
在组件元数据中使用“encapsulation:ViewEncapsulation.None” . SVG不支持shadow dom,angular2封装的仿真模式将属性添加到对SVG组件无效的css选择器 .
2 回答
您可能必须在要更改的文件中使用import语句或使用
$primary
变量 . 我正在使用前端框架中的scss,并且必须在我的main.scss文件中执行此操作:@import "frontEndFramework.scss";
我认为@John答案的答案是相关的 . 我无法找到在unsuccesfuly尝试导入我的自定义主题后发生的变化 . 只是为了完成答案,我使用的是:
尝试设置SVG组件样式的任何人的其他信息:
在组件元数据中使用“encapsulation:ViewEncapsulation.None” . SVG不支持shadow dom,angular2封装的仿真模式将属性添加到对SVG组件无效的css选择器 .