polymer - 无法覆盖 CSS Mixin

Question

我正在开发使用阿拉伯语的 RTL 应用程序，所以我想将我的应用程序字体更改为与机器人字体不同的字体，更具体地说：Noto Kufi Arabic.

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

例如

<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;
  };

并保持该混合my-element样式。

预期结果

实际结果

score 0 · Accepted Answer

在您的示例中，您忘记了 mixin 名称后的冒号，这应该在您的代码编辑器/IDE 中给您一个错误，至少在 Visual Studio Code 中：

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

1 回答 1