portal-FE-common/src/styles/bootstrap/mixins/_caret.scss

   1 @mixin caret-down {
   2   border-top: $caret-width solid;
   3   border-right: $caret-width solid transparent;
   4   border-bottom: 0;
   5   border-left: $caret-width solid transparent;
   6 }
   7
   8 @mixin caret-up {
   9   border-top: 0;
  10   border-right: $caret-width solid transparent;
  11   border-bottom: $caret-width solid;
  12   border-left: $caret-width solid transparent;
  13 }
  14
  15 @mixin caret-right {
  16   border-top: $caret-width solid transparent;
  17   border-bottom: $caret-width solid transparent;
  18   border-left: $caret-width solid;
  19 }
  20
  21 @mixin caret-left {
  22   border-top: $caret-width solid transparent;
  23   border-right: $caret-width solid;
  24   border-bottom: $caret-width solid transparent;
  25 }
  26
  27 @mixin caret($direction: down) {
  28   @if $enable-caret {
  29     &::after {
  30       display: inline-block;
  31       width: 0;
  32       height: 0;
  33       margin-left: $caret-width * .85;
  34       vertical-align: $caret-width * .85;
  35       content: "";
  36       @if $direction == down {
  37         @include caret-down;
  38       } @else if $direction == up {
  39         @include caret-up;
  40       } @else if $direction == right {
  41         @include caret-right;
  42       }
  43     }
  44
  45     @if $direction == left {
  46       &::after {
  47         display: none;
  48       }
  49
  50       &::before {
  51         display: inline-block;
  52         width: 0;
  53         height: 0;
  54         margin-right: $caret-width * .85;
  55         vertical-align: $caret-width * .85;
  56         content: "";
  57         @include caret-left;
  58       }
  59     }
  60
  61     &:empty::after {
  62       margin-left: 0;
  63     }
  64   }
  65 }