@mixin haf {
   &:hover,
   &:active,
   &:focus {
      @content;
   }
}

@mixin glyphicon {
   position: relative;
   top: 1px;
   display: inline-block;
   font-family: "Glyphicons Halflings";
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   transition: transform .2s;
}

@mixin underline-default {
   text-decoration: underline;

   &:hover,
   &:active {
      text-decoration: none;
   }
}

@mixin underline-hover {
   text-decoration: none;

   &:hover,
   &:active {
      text-decoration: underline;
   }
}

@mixin underline-never {
   text-decoration: none;

   &:hover,
   &:active {
      text-decoration: none;
   }
}

@mixin haf {
   &:hover,
   &:active,
   &:focus {
      @content;
   }
}

@mixin truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
}

@mixin custom-scrollbar {
   &::-webkit-scrollbar {
      width: $scrollbar-size;
      height: $scrollbar-size;
   }

   &::-webkit-scrollbar-track {
      box-shadow: none;
      background: $scroll-bar-track-color;
   }

   &::-webkit-scrollbar-thumb {
      background: $scroll-bar-thumb-color;
      border-radius: $border-radius-base;
   }
}