/* autoprefixer will not auto prefix user-select */
@mixin user-select($select) {
  -webkit-user-select: $select;
  -moz-user-select: $select;
  -ms-user-select: $select; /* IE10+ */
  user-select: $select;
}

@mixin placeholder($color) {
  /* Firefox */
  &::-moz-placeholder {
    color: $color;
    opacity: 1; /* Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526 */
  }
  &:-ms-input-placeholder { color: $color; } /* Internet Explorer 10+ */
  &::-webkit-input-placeholder  { color: $color; } /* Safari and Chrome */
}