CSS - Targeted Safari Media Queries

PHOTO EMBED

Sun Aug 21 2022 22:50:46 GMT+0000 (UTC)

Saved by @webcode #css

/* MOD SAFARI MEDIA QUERIES ONLY + NESTED MEDIA QUERIES */
@media not all and (min-resolution:.001dpcm) {
	/* --- */

	@media only screen and (min-width: 1200px) {
		/* --- */

		@supports (-webkit-appearance:none) {
			/* --- */

			.display-5 {
				padding-top: 140px !important;

			}

			/* --- @media */
		}

		/* --- supports */
	}

	/* SAFARI  */
	@media only screen and (min-width: 815px) and (max-width: 1199px) {

		/* --- */
		@supports (-webkit-appearance:none) {

			/* --- */
			.display-5 {
				padding-top: 90px !important;

			}

			/* --- @media */
		}

		/* --- supports */
	}


	/* IPAD LANDSCAPE  */
	@media only screen and (min-width: 1022px) and (max-width: 1024px) and (orientation: landscape) {

		/* --- */
		@supports (-webkit-appearance:none) {

			/* --- */
			.display-5 {
				padding-top: 50px !important;

			}

			/* --- @media */
		}

		/* --- supports */
	}


	/* --- */
}
content_copyCOPY