相关疑难解决方法(0)

CSS变量 - 如何在calc()中将减号符号与CSS变量连接起来

嗨,那么让我先向您展示如何在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变量可以实现这一点吗?

css css-variables css-calc

7
推荐指数
2
解决办法
726
查看次数

标签 统计

css ×1

css-calc ×1

css-variables ×1