使用css下一个变量globaly

前端之家收集整理的这篇文章主要介绍了使用css下一个变量globaly前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有 http://cssnext.io设置postcss解析器,我试图找到一种方法来设置variables.css文件,以包含我所有的主题设置.

到目前为止,variable.css看起来像是有几个vars

:root {
  --color-white: #FFF;
  --color-black: #000;
}

我将其导入到我想要使用这些变量的其他文件中,所以@import’./variables.css’或类似,然后在该文件中使用它,如background-color:var( – color-white),例如但是我接到了警告:

variable ‘–color-white’ is undefined and used without a fallback
[postcss-custom-properties]

解决方法

您可以尝试安装postcss导入

$npm install postcss-import

检查此post获取有关如何安装的更多详细信息.

编辑使用postcss-import解决了这个问题,但是目前最新版本存在问题,使用v 7.x来确保稳定性

猜你在找的CSS相关文章