1 // scss-docs-start caret-mixins
3 border-top: $caret-width solid;
4 border-right: $caret-width solid transparent;
6 border-left: $caret-width solid transparent;
11 border-right: $caret-width solid transparent;
12 border-bottom: $caret-width solid;
13 border-left: $caret-width solid transparent;
17 border-top: $caret-width solid transparent;
19 border-bottom: $caret-width solid transparent;
20 border-left: $caret-width solid;
24 border-top: $caret-width solid transparent;
25 border-right: $caret-width solid;
26 border-bottom: $caret-width solid transparent;
29 @mixin caret($direction: down) {
32 display: inline-block;
33 margin-left: $caret-spacing;
34 vertical-align: $caret-vertical-align;
36 @if $direction == down {
37 @include caret-down();
38 } @else if $direction == up {
40 } @else if $direction == end {
45 @if $direction == start {
51 display: inline-block;
52 margin-right: $caret-spacing;
53 vertical-align: $caret-vertical-align;
55 @include caret-start();
64 // scss-docs-end caret-mixins