1 | // Foundation for Sites by ZURB
|
2 | // foundation.zurb.com
|
3 | // Licensed under MIT Open Source
|
4 |
|
5 | ////
|
6 | /// @group prototype-arrow
|
7 | ////
|
8 |
|
9 | /// Map containing all the `arrow` direction
|
10 | /// @type Map
|
11 | $prototype-arrow-directions: (
|
12 | down,
|
13 | up,
|
14 | right,
|
15 | left
|
16 | ) !default;
|
17 |
|
18 | /// Width of the Arrow, `0.4375rem` by default.
|
19 | /// @type Number
|
20 | $prototype-arrow-size: 0.4375rem;
|
21 |
|
22 | /// Color of the Arrow, `$black` by default.
|
23 | /// @type Color
|
24 | $prototype-arrow-color: $black;
|
25 |
|
26 | @mixin foundation-prototype-arrow {
|
27 | @each $prototype-arrow-direction in $prototype-arrow-directions {
|
28 | .arrow-#{$prototype-arrow-direction} {
|
29 | @include css-triangle(
|
30 | $prototype-arrow-size,
|
31 | $prototype-arrow-color,
|
32 | $prototype-arrow-direction
|
33 | );
|
34 | }
|
35 | }
|
36 | }
|