// * Carets
// *******************************************************************************

@mixin caret-up {
  margin-top: -0;
  width: $caret-width;
  height: $caret-width;
  border: 1px solid;
  border-bottom: 0;
  border-left: 0;
  transform: rotate(-45deg);
}

@mixin caret-down {
  margin-top: -1 * divide($caret-width, 1.5);
  width: $caret-width;
  height: $caret-width;
  border: 1px solid;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg);
}

@mixin caret-left {
  margin-top: -1 * divide($caret-width, 2.5);
  width: $caret-width;
  height: $caret-width;
  border: 1px solid;
  border-top: 0;
  border-right: 0;
  transform: rotate(45deg);
  @include rtl-style {
    margin-right: 0 !important;
    margin-left: $caret-spacing !important;
    transform: rotate(225deg);
  }
}

@mixin caret-right {
  margin-top: -1 * divide($caret-width, 2.5);
  width: $caret-width;
  height: $caret-width;
  border: 1px solid;
  border-top: 0;
  border-left: 0;
  transform: rotate(-45deg);
  @include rtl-style {
    margin-left: 0 !important;
    margin-right: $caret-spacing !important;
    transform: rotate(135deg);
  }
}