@mixin box-shadow($left:0, $top:2px, $blur:2px, $color:#000) {
    -webkit-box-shadow: $left $top $blur $color;
    box-shadow: $left $top $blur $color;
}
@mixin box-shadow-inset($left:0, $top:2px, $blur:2px, $color:#000) {
    -webkit-box-shadow: inset $left $top $blur $color;
    box-shadow: inset $left $top $blur $color;
}
@mixin box-shadow-none() {
    -webkit-box-shadow: none;
    box-shadow: none;
}


@mixin border-radius($radius:4px) {
    -webkit-border-radius:$radius;
    border-radius:$radius;
}

@mixin border-top-left-radius($radius:4px) {
    -webkit-border-top-left-radius: $radius;
    border-top-left-radius: $radius;
}

@mixin border-top-right-radius($radius:4px) {
    -webkit-border-top-right-radius: $radius;
    border-top-right-radius: $radius;
}

@mixin border-bottom-left-radius($radius:4px) {
    -webkit-border-bottom-left-radius: $radius;
    border-bottom-left-radius: $radius;
}

@mixin border-bottom-right-radius($radius:4px) {
    -webkit-border-bottom-right-radius: $radius;
    border-bottom-right-radius: $radius;
}

@mixin box-sizing($sizing:content-box) {
    -webkit-box-sizing:$sizing;
    box-sizing:$sizing;
}
@mixin transition($attr:all, $duration:0.2s, $animation:ease) {
    -webkit-transition:$attr $duration $animation;
    transition:$attr $duration $animation;
}
@mixin opacity($level:1){
    opacity: $level;
}