rounded-corners.scss

@mixin rounded-corners($radius) {
    border-radius: $radius;
    -moz-border-radius: $radius;
    -webkit-border-radius: $radius;
}


@mixin complex-corners( $top-left, $top-right, $bottom-left, $bottom-right ) {

    /*Top left */
    -moz-border-top-left-radius:    $top-left; // firefox
    -webkit-border-top-left-radius: $top-left;  // safari/chrome
    border-top-left-radius:         $top-left;  // CSS3, works in IE9
    /*Top right */
    -moz-border-top-right-radius:    $top-right; // firefox
    -webkit-border-top-right-radius: $top-right;  // safari/chrome
    border-top-right-radius:         $top-right;  // CSS3, works in IE9
    /*Bottom left */
    -moz-border-bottom-left-radius:    $bottom-left; // firefox
    -webkit-border-bottom-left-radius: $bottom-left;  // safari/chrome
    border-bottom-left-radius:         $bottom-left;  // CSS3, works in IE9
    /*Bottom right */
    -moz-border-bottom-right-radius:    $bottom-right; // firefox
    -webkit-border-bottom-right-radius: $bottom-right;  // safari/chrome
    border-bottom-right-radius:         $bottom-right;  // CSS3, works in IE9
}