//
// Magento Enterprise Edition
//
// NOTICE OF LICENSE
//
// This source file is subject to the Magento Enterprise Edition End User License Agreement
// that is bundled with this package in the file LICENSE_EE.txt.
// It is also available through the world-wide-web at this URL:
// http://www.magento.com/license/enterprise-edition
// If you did not receive a copy of the license and are unable to
// obtain it through the world-wide-web, please send an email
// to license@magento.com so we can send you a copy immediately.
//
// DISCLAIMER
//
// Do not edit or add to this file if you wish to upgrade Magento to newer
// versions in the future. If you wish to customize Magento for your
// needs please refer to http://www.magento.com for more information.
//
// @category    design
// @package     rwd_default
// @copyright Copyright (c) 2006-2017 X.commerce, Inc. and affiliates (http://www.magento.com)
// @license http://www.magento.com/license/enterprise-edition
//

// =============================================
// Mixin - Triangle
// =============================================

@mixin triangle($direction: up, $size: 5px, $color: #000000) {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;

    @if $direction == up {
        border-right: $size solid transparent;
        border-left: $size solid transparent;
        border-bottom: $size solid $color;
        border-top: none;
    }

    @if $direction == down {
        border-right: $size solid transparent;
        border-left: $size solid transparent;
        border-top: $size solid $color;
        border-bottom: none;
    }

    @if $direction == right {
        border-top: $size solid transparent;
        border-bottom: $size solid transparent;
        border-left: $size solid $color;
        border-right: none;
    }

    @if $direction == left {
        border-top: $size solid transparent;
        border-bottom: $size solid transparent;
        border-right: $size solid $color;
        border-left: none;
    }
}


@mixin arrow($direction: up, $size: 5px, $width: 2px, $color: '') {
    content: '';
/*
    position: absolute;
    width: 0;
    height: 0;
    display: block;
*/
	@if $color != '' {
		border: solid $color;
	}
	@else {
		border: solid;
	}
    border-width: 0 $width $width 0;
    display: inline-block;
    padding: $size;


    @if $direction == up {
		transform: rotate(-135deg);
	    -webkit-transform: rotate(-135deg);
    }

    @if $direction == down {
        transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
    }

    @if $direction == right {
        transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
    }

    @if $direction == left {
        transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
    }
}