// All hacks syntax for all kinds of browsers


// Safari
// ---------------------
@mixin safari-display($value) {
  @media not all and (min-resolution: 0.001dpcm) {
    & {
      display: $value;
    }
  }
}

// Safari border-radius + overflow: hidden + CSS transform fix
// @link https://gist.github.com/ayamflow/b602ab436ac9f05660d9c15190f4fd7b
@mixin safari-border-radius-overflow-hidden {
  @media not all and (min-resolution: 0.001dpcm) {
    & {
      /* stylelint-disable */
      -webkit-mask-image: -webkit-radial-gradient(white, black);
      mask-image: radial-gradient(white, black);
      /* stylelint-enable */
    }
  }
}

@mixin safari-visibility($value) {
  @media not all and (min-resolution: 0.001dpcm) {
    & {
      visibility: $value;
    }
  }
}