@mixin caret-down() {
border-top: $caret-width solid; border-right: $caret-width solid transparent; border-bottom: 0; border-left: $caret-width solid transparent;
}
@mixin caret-up() {
border-top: 0; border-right: $caret-width solid transparent; border-bottom: $caret-width solid; border-left: $caret-width solid transparent;
}
@mixin caret-right() {
border-top: $caret-width solid transparent; border-right: 0; border-bottom: $caret-width solid transparent; border-left: $caret-width solid;
}
@mixin caret-left() {
border-top: $caret-width solid transparent; border-right: $caret-width solid; border-bottom: $caret-width solid transparent;
}
@mixin caret($direction: down) {
@if $enable-caret { &::after { display: inline-block; margin-left: $caret-spacing; vertical-align: $caret-vertical-align; content: ""; @if $direction == down { @include caret-down(); } @else if $direction == up { @include caret-up(); } @else if $direction == right { @include caret-right(); } } @if $direction == left { &::after { display: none; } &::before { display: inline-block; margin-right: $caret-spacing; vertical-align: $caret-vertical-align; content: ""; @include caret-left(); } } &:empty::after { margin-left: 0; } }
}