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