如何简化这个SCSS边界半径Mixin？ - Sass初学者

Question

我有以下SCSS mixin,我可能写了太多多余的东西:

@mixin radius($topleft, $topright: $topleft, $bottomright: $topleft, $bottomleft: $topleft) {

    -moz-border-radius-topleft:     $topleft;
    -moz-border-radius-topright:    $topright;
    -moz-border-radius-bottomright: $bottomright;
    -moz-border-radius-bottomleft:  $bottomleft;
    -webkit-border-radius:          $topleft $topright $bottomright $bottomleft;
    border-radius:                  $topleft $topright $bottomright $bottomleft;

}

请注意,参数可以采用单个值来应用于所有方面,或者全部4个用于自定义.

Answer 1

我建议你使用

@import "compass/css3";
@include border-radius(3px);