Tailwind 提供内置的函数来更方便的调整颜色 color 和间距 spacing。

1.--alpha()

--alpha() 函数用于设置透明度。

.my-element {
  color: --alpha(var(--color-lime-300) / 50%);
}

2.--spacing()

--spacing() 函数用于设置间距。

.my-element {
  margin: --spacing(4);
}

编译后的结果如下：

.my-element {
  margin: calc(var(--spacing) * 4);
}