我继承了一些其中的CSS看起来有些奇怪的代码:
.page-back {
display: inline-block;
position: absolute 12px * * 10px;
width: 40px;
height: 40px;
text-align: center;
}
违规行是其中包含position:
的行。
我感觉这是为某种Transpiler / css预处理程序提供的。我没有使用预处理器,因此我需要弄清楚如何将其转换为原始CSS。
对于我们这些习惯本机CSS的人来说,位置线上的这些额外参数意味着什么?如果有人可以告诉我这是哪个预处理器/编译器,我很乐意自己弄清楚。
我已经搜索了一下,但是找不到一个能告诉我发生了什么的命中。我正在寻找的模式似乎索引不好。
以下是代码的来源:https://github.com/ElemeFE/mint-ui/blob/c875541634c15f1f2e47e69f1e857eccdbe25e23/example/app.vue
答案 0 :(得分:1)
我遵循了指向您的github存储库的链接,并向后导航,然后查看了项目的package.json
,以查看正在使用的依赖项。
似乎是由名为postcss
的{{1}}插件处理的