/***********************************************
*
*   ElementSystems GmbH
*   www.elementsystems.de
*   mail@elementsystems.de
*   
*   Version:  1.0
*   Datum:    02.10.2014
*   Download: http://www.elementsystems.de/tipps-und-tricks/sass-mixins-templates-vorlagen/
*
*
*************************************************/


@mixin transition-all-easy-in-out($duration) {
   -webkit-transition:  all $duration ease-in-out;
  -moz-transition:      all $duration ease-in-out;
  -ms-transition:       all $duration ease-in-out;
  -o-transition:        all $duration ease-in-out;
  transition:           all $duration ease-in-out;
}

/** Wert zwischen 0 und 1 */
@mixin opacity($opacity) {
    -moz-opacity:   $opacity;
    -khtml-opacity: $opacity;
    opacity:        $opacity;
    filter:         progid:DXImageTransform.Microsoft.Alpha(opacity=($opacity*100));
    filter:         alpha(opacity=($opacity*100));
}

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

@mixin box-shadow($size, $color) {
  -moz-box-shadow:    $size $color;
  -webkit-box-shadow: $size $color;
  box-shadow:         $size $color;
}

@mixin gradient-linear($fromColor, $toColor)
{
    background: $fromColor;
    background: -moz-linear-gradient(top, $fromColor 0%, $toColor 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$toColor), color-stop(100%,$toColor));
    background: -webkit-linear-gradient(top, $fromColor 0%,$toColor 100%);
    background: -o-linear-gradient(top, $fromColor 0%,$toColor 100%);
    background: -ms-linear-gradient(top, $fromColor 0%,$toColor 100%);
    background: linear-gradient(to bottom, $fromColor 0%,$toColor 100%);
    filter:     progid:DXImageTransform.Microsoft.gradient( startColorstr='$fromColor', endColorstr='$toColor',GradientType=0 );
}