// Foundation for Sites
// https://get.foundation
// Licensed under MIT Open Source

////
/// @group prototype-arrow
////

/// Map containing all the `arrow` direction
/// @type Map
$prototype-arrow-directions: (
  down,
  up,
  right,
  left
) !default;

/// Width of the Arrow, `0.4375rem` by default.
/// @type Number
$prototype-arrow-size: 0.4375rem;

/// Color of the Arrow, `$black` by default.
/// @type Color
$prototype-arrow-color: $black;

@mixin foundation-prototype-arrow {
  @each $prototype-arrow-direction in $prototype-arrow-directions {
    .arrow-#{$prototype-arrow-direction} {
      @include css-triangle(
        $prototype-arrow-size, 
        $prototype-arrow-color, 
        $prototype-arrow-direction
      );
    }
  }
}