sass function

sass function

@mixin linear-gradient($direction, $color-stop1, $color-stop2)
    background-image: linear-gradient($direction, $color-stop1, $color-stop2)
    background-image: -webkit-linear-gradient($direction, $color-stop1, $color-stop2)
    background-image: -moz-linear-gradient($direction, $color-stop1, $color-stop2)
    background-image: -o-linear-gradient($direction, $color-stop1, $color-stop2)
    
@mixin keyframes($animationName)
    @-webkit-keyframes #{$animationName}
        @content
    @-moz-keyframes #{$animationName}
        @content
    @-o-keyframes #{$animationName}
        @content
    @keyframes #{$animationName}
        @content
@mixin animation($animations)
    -webkit-animation: $animations
    -moz-animation:    $animations
    -o-animation:      $animations
    animation:         $animations
@mixin transition($transitions)
    -webkit-transition: $transitions
    -moz-transition:    $transitions
    -o-transition:      $transitions
    transition:         $transitions
@mixin transform($transforms)
    -webkit-transform: $transforms
    -moz-transform: $transforms
    -o-transform: $transforms
    transform: $transforms