/* *****************************************************************************
*
*  Icons
*
* ***************************************************************************** */

@mixin pseudo-icons($iconCode, $pseudo: before) {
  &:#{$pseudo}{
    content: $iconCode;
    font-family: $font-family-icons;
    @content;
  }
}

@mixin arrow-setup($rotation:45deg, $padding: 0.15rem, $borderWidth:2px) {
  @include size(5px);
  display: inline-block;
  padding: $padding;
  border: solid $dark;
  border-width: $borderWidth $borderWidth 0 0;
  transform: rotate($rotation);
}