bitshift/static/sass/_mixins.sass

/*
 Partial to contain all globally-applicable mixins.
 */

// Add vendor prefixes for the property $property with value $value.
@mixin vendor($property, $value)
    -webkit-#{$property}: $value
    -moz-#{$property}: $value
    -ms-#{$property}: $value
    -o-#{$property}: $value
    #{$property}: $value

// Add portable opacity style.
@mixin opaque($opacity)
    @include vendor(opacity, $opacity)
    filter: alpha(opacity=$opacity)

@mixin delay($time)
    transition-delay: $time
    -webkit-transition-delay: $time

.t1
    @include vendor(transition, all 0.1s ease-out)

.t2
    @include vendor(transition, all 0.2s ease-out)

.t3
    @include vendor(transition, all 0.3s ease-out)