嗨,那么让我先向您展示如何在SCSS中执行此操作:
$submenu-padding-left: 1.5em;
transform: translateX(calc(-#{$submenu-padding-left} + .5em));
Run Code Online (Sandbox Code Playgroud)
哪个会编译为:
transform: translateX(calc(-1.5em - .5em))
Run Code Online (Sandbox Code Playgroud)
基本上,SCSS允许我将减号-与变量连接起来,以便将其转换为负值.
使用CSS变量可以实现这一点吗?