无法覆盖CSS Mixin

Question

我正在开发RTL应用程序使用阿拉伯语，因此我想将我的应用程序字体更改为与Robot字体不同的字体，更具体地说：Noto Kufi Arabic。

期待paper-styles/typography.html文件，我希望能够通过覆盖my-element中的--paper-font-common-base mixin来更改使用的字体。

e.g。

<style>

:host { }

paper-tabs {
  --paper-font-common-base {
    font-family: 'Noto Kufi Arabic', sans-serif;
  };
}
</style>

但是我永远无法以这种方式工作！

我唯一能做的就是评论paper-styles/typography.html中的以下几行：

  --paper-font-common-base: {
    font-family: 'Roboto', 'Noto', sans-serif;
    -webkit-font-smoothing: antialiased;
  };

并将该mixin保持为my-element个样式。

预期

实际

Answer 1

在您的示例中，您忘记了mixin名称后面的冒号，这应该会在代码编辑器/ IDE中出现错误，至少在Visual Studio代码中是这样的：

paper-tabs {
   --paper-font-common-base: {
       font-family: 'Noto Kufi Arabic', sans-serif;
   };
}