css - 在 SASS mixin 中使用椭圆形边界半径

Question

//Usage
@include border-radius(150px / 70px); 

//Mixin
@mixin border-radius($values) {
  -webkit-border-radius: $values;
  -moz-border-radius: $values;
  border-radius: $values;
}

结果将是：

border-radius: the division of 150/70, which is 2.xxxxx-something

如何在同一个 mixin 中解决这个问题？

Answer 1

您需要在这里使用字符串插值：

.foo {
  @include border-radius(#{150px} / 70px);
}