37 lines
752 B
SCSS
37 lines
752 B
SCSS
|
// Foundation for Sites by ZURB
|
||
|
// foundation.zurb.com
|
||
|
// 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
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
}
|