首页 文章

在angular / material2中使用$ primary scss变量

提问于
浏览
3

我正在使用angular-cli和主题指南,以便在angular / material2应用程序中创建自定义主题 .

在scss文件中,主要颜色和重音颜色相应地分配给$ primary和$ accent scss变量 .

有没有办法在自定义组件scss样式中使用$ primary变量?任何尝试结果:'未定义的变量:“$ primary”'当angular-cli尝试编译组件的样式表时 .

先感谢您

2 回答

  • 1

    您可能必须在要更改的文件中使用import语句或使用 $primary 变量 . 我正在使用前端框架中的scss,并且必须在我的main.scss文件中执行此操作:

    @import "frontEndFramework.scss";

  • 1

    我认为@John答案的答案是相关的 . 我无法找到在unsuccesfuly尝试导入我的自定义主题后发生的变化 . 只是为了完成答案,我使用的是:

    @import '../my-custom-theme.scss';
    
    g > .title {
      fill: md-color($primary);
    }
    

    尝试设置SVG组件样式的任何人的其他信息:

    在组件元数据中使用“encapsulation:ViewEncapsulation.None” . SVG不支持shadow dom,angular2封装的仿真模式将属性添加到对SVG组件无效的css选择器 .

相关问题