@wordpress/components/src/utils/browsers.js

UI components for WordPress.

/**
 * External dependencies
 */
import { css } from '@emotion/react';

/* eslint-disable jsdoc/no-undefined-types */
/**
 * @param {TemplateStringsArray}                                      strings
 * @param {import('@emotion/css/create-instance').CSSInterpolation[]} interpolations
 */
export function firefoxOnly( strings, ...interpolations ) {
	const interpolatedStyles = css( strings, ...interpolations );

	return css`
		@-moz-document url-prefix() {
			${ interpolatedStyles };
		}
	`;
}

/**
 * @param {TemplateStringsArray}                                      strings
 * @param {import('@emotion/css/create-instance').CSSInterpolation[]} interpolations
 */
export function safariOnly( strings, ...interpolations ) {
	const interpolatedStyles = css( strings, ...interpolations );

	return css`
		@media not all and ( min-resolution: 0.001dpcm ) {
			@supports ( -webkit-appearance: none ) {
				${ interpolatedStyles }
			}
		}
	`;
}
/* eslint-enable jsdoc/no-undefined-types */