@mixin img-responsive {
   max-width: 100%;
   height: auto !important;
   display: block;
}

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

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

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

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

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

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

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

@mixin fonticon {
   display: inline-block;
   font: normal normal normal 14px/1 "icons";
   font-size: inherit;
   text-decoration: inherit;
   text-rendering: optimizeLegibility;
   text-transform: none;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
}

@mixin fontawesome {
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

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


@mixin delete-after {
   &::after {
      content: none;
      display: none;
   }
}

@mixin delete-before {
   &::before {
      content: none;
      display: none;
   }
}

@mixin list-inline {
   padding-left: 0;
   list-style: none;

   > li {
      display: inline-block;
   }
}


@mixin list-unstyled {
   list-style-type: none;
   padding-left: 0;

   li {
      @include delete-before;
   }
}


@mixin placeholder-color($color) {
   &::-webkit-input-placeholder {
      color: $color;
   }

   &:-moz-placeholder {
      color: $color;
   }

   &::-moz-placeholder {
      color: $color;
   }

   &:-ms-input-placeholder {
      color: $color;
   }
}

@mixin disable-spinner {
   -moz-appearance: textfield;

   &::-webkit-inner-spin-button,
   &::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
   }
}

@mixin clearfix {
   &::after {
      content: "";
      display: table;
      clear: both;
   }
}

@mixin btn-reset {
   background: transparent;
   border: none;
}
