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

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);
}