Css 设置与变换比例等效的边距

我正在尝试将活动的

li

从

ul

缩放到1.5

transform:scale（1.5）。如何根据
scale（）
的值动态设置边距

我有一个sass编译器，
scale（）
的值是用一个变量设置的。如何添加相当于
scale（）
值的边距

（例如，如果1.5标度2px，我希望实现
边距：0 2px；
）

编辑

这是我的密码：

/*
$paginator值为1.25
边际：0？px；这就是我想要的
*/
&.主动{
边际：0？px；
变换：缩放（$paginator）；
}
请显示您的代码好吗？@Arkellys我刚刚编辑了我的问题，添加了code@Robgher所需边距的起始值是多少？比例基于元素的宽度/高度，因此需要此信息来设置边距margin@TemaniAfif我不知道这是不是你问的，但是
li
的初始尺寸是32x34 px，你能显示你的代码吗？@Arkellys我刚刚编辑了我的问题，添加了code@Robgher所需边距的起始值是多少？比例基于元素的宽度/高度，因此需要此信息来设置边距margin@TemaniAfif我不知道这是不是你问的，但是
li
的初始大小是32x34 px，不需要混音。@Arkellys没有，但它有助于保持代码的整洁，并确保计算基于正确的变量值。工作正常！谢谢PS：在我的例子中，我使用了@include刻度（1.25,4）；mixin不是必需的。@Arkellys不是，但它有助于保持代码的整洁，并确保计算基于正确的变量值。按预期工作！谢谢PS：在我的例子中，我使用了@include刻度（1.25,4）；
<ul>
  <li>list 1</li>  
  <li class='active'>list 1</li>
  <li>list 1</li>
</ul>

@mixin scale( $scale: 1.5, $margin: 2) {
   margin: 0 $scale * $margin * 1px;
   transform: scale($scale);
}

li {
  color: red;
    padding: 5px;
  background-color: green;
  font-size: 16px;
  display: inline-block;

}

li.active {
  @include scale(1.5, 20); //arguments are optional

}