使用负CSS自定义属性

由于此张贴,2018年3月,使用负的自定义属性的唯一途径是通过乘以-1与计算功能.

// Vanilla CSS
.class {
  margin-bottom: calc(var(--margin-md) * -1);
}

如果您正在使用具有自定义属性的预处理器,则需要在calc函数中转义自定义属性.

// SASS
.class {
  margin-bottom: calc(#{var(--margin-md)} * -1);
}