/// Prevents text from being selected
///
/// @example scss - Basic Usage Sass
///    h1 {
///        @include no-text-select();
///    }
///

@mixin no-text-select {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

/// Adds a border radius to an element
///
/// Possible size values are "s", "m", "m-l", "l", and "circular".
///
/// @example scss - Basic Usage Sass
///   div {
///     @include border-radius("m");
///   }
///

@mixin border-radius($size) {
  @if $size == "s" {
    border-radius: $rad-size-s;
  } @else if $size == "m" {
    border-radius: $rad-size-m;
  } @else if $size == "m-l" {
    border-radius: $rad-size-m-l;
  } @else if $size == "l" {
    border-radius: $rad-size-l;
  } @else if $size == "circular" {
    border-radius: $rad-size-circular;
  } @else {
    @warn "Border radius size `#{$size}` is invalid.";
  }
}

/// Cross browser styling of an input placeholder
///
/// @example scss - Basic Usage
///   @include placeholder {
///     font-style:italic;
///     color: $dp-greyscale-850;
///   }
///

@mixin placeholder {
  &::-webkit-input-placeholder {@content}
  &:-moz-placeholder           {@content}
  &::-moz-placeholder          {@content}
  &:-ms-input-placeholder      {@content}
}