“位置：绝对12px * * 10px;”是什么语言

Question

我继承了一些包含奇怪 CSS 的代码：

.page-back {
    display: inline-block;
    position: absolute 12px * * 10px;
    width: 40px;
    height: 40px;
    text-align: center;
}

有问题的行是带有position: 的行。

我感觉这适用于某种转译器/css 预处理器。我没有使用预处理器，所以我需要弄清楚如何将其转换为 vanilla css。

对于我们这些习惯原生 css 的人来说，位置线上的这些额外参数是什么意思？如果有人能告诉我这是哪个预处理器/转译器，我很高兴自己弄清楚。

我四处搜寻，但找不到能告诉我发生了什么的热门歌曲。我正在寻找的模式似乎没有很好的索引。

这里是代码的来源：https://github.com/ElemeFE/mint-ui/blob/c875541634c15f1f2e47e69f1e857eccdbe25e23/example/app.vue

Answer 1

我点击了指向您的 github 存储库的链接并导航回来，然后查看了您的项目的 package.json，以查看正在使用哪些依赖项。

看起来这是由一个名为 cooking-saladcss 的 postcss 插件处理的

http://elemefe.github.io/postcss-salad/short-property