@import "tests";

@import "recipes/ui/separator";

hr
{
    margin: 5em 0;
}

.ui-separator-gradient
{
    @include ui-separator-gradient;
}

.ui-separator-gradient-2
{
    @include ui-separator-gradient(#333, #ccc);
}

.ui-separator-gradient-3
{
    @include ui-separator-gradient(#ccc, #333);
}

.ui-separator-dashed
{
    @include ui-separator-dashed;
}

.ui-separator-dashed-2
{
    @include ui-separator-dashed(#fff, rgba(#000, .7), 2px);
}

.ui-separator-dropshadow
{
    @include ui-separator-dropshadow;
}

.ui-separator-dropshadow-2
{
    @include ui-separator-dropshadow(#ccc, .8em);
}

.ui-separator-shadow
{
    @include ui-separator-shadow;
}

.ui-separator-shadow-2
{
    @include ui-separator-shadow(#aaa, .4em, .1em);
}