/**
 * <hr /> separator style
 *
 * @author Chris Coyier @chriscoyier
 * @link http://jsfiddle.net/chriscoyier/GaEzp/35/
 *
 * @author Maxime Thirouin @MoOx maxime.thirouin@gmail.com
 */

@mixin ui-separator-gradient($color: rgba(#000, .75), $color-alt: rgba(#000, 0), $height: 1px)
{
    border: 0; //cancel default <hr> style
    height: $height;
    background: opacify($color, 1); // fallback
    @include background(linear-gradient(left, $color-alt, $color, $color-alt));
}

@mixin ui-separator-dashed($color: #999, $color-alt: #ccc, $height: 1px)
{
    border: 0; //cancel default <hr> style
    border-bottom: $height dashed $color-alt;
    background: $color;
}

@mixin ui-separator-dropshadow($color: #000, $height: 6px)
{
    border: 0; //cancel default <hr> style
    height: $height;
    box-shadow: inset 0 $height $height -#{$height} $color;
}

@mixin ui-separator-shadow($color: #000, $height: 10px, $spread: 1px)
{
    border: 0; //cancel default <hr> style
    height: 0;
    box-shadow: 0 0 $height $spread $color;
}