/// Apply the given styles to WebKit-based browsers, including Safari, Edge,
/// Chrome, and any other WebKit browser.
///
/// @content Styles that target WebKit browsers like Chrome, Safari, modern Edge.
///
/// @group Utilities
@mixin only-webkit {
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    @content;
  }
}

/// Apply the given styles to WebKit-based browsers, including Safari, Edge,
/// Chrome, and any other WebKit browser.
///
/// @content Styles that target WebKit browsers like Chrome, Safari, modern Edge.
///
/// @group Utilities
/// @require {mixin} only-webkit
/// @alias only-webkit
@mixin webkit-only {
  @include only-webkit {
    @content;
  }
}

/// Apply the given styles to WebKit-based browsers, including Safari, Edge,
/// Chrome, and any other WebKit browser.
///
/// @content Styles that target WebKit browsers like Chrome, Safari, modern Edge.
///
/// @group Utilities
/// @require {mixin} only-webkit
/// @alias only-webkit
@mixin target-webkit {
  @include only-webkit {
    @content;
  }
}