/* /* Utility / Flip - hide the element */ [data-wf--utility-flip--variant] { display: none; } /* ================================================ MOBILE SCALING ================================================ */ @media (max-width: 991px) { /* Corner positions */ [data-wf--background-element--position="top-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="top-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="none"]) { transform: scale(0.75); } /* Corner positions with flip */ [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="horizontal"]) { transform: scaleX(-1) scale(0.75); } [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="vertical"]) { transform: scaleY(-1) scale(0.75); } [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="both"]) { transform: scale(-0.75, -0.75); } /* Center positions */ [data-wf--background-element--position="top-center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-center"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-center"]:has([data-wf--utility-flip--variant="none"]) { transform: translateX(-50%) scale(0.75); } [data-wf--background-element--position="center-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="center-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center-right"]:has([data-wf--utility-flip--variant="none"]) { transform: translateY(-50%) scale(0.75); } [data-wf--background-element--position="center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center"]:has([data-wf--utility-flip--variant="none"]) { transform: translate(-50%, -50%) scale(0.75); } } @media (max-width: 767px) { /* Corner positions */ [data-wf--background-element--position="top-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="top-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="none"]) { transform: scale(0.5); } /* Corner positions with flip */ [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="horizontal"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="horizontal"]) { transform: scaleX(-1) scale(0.5); } [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="vertical"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="vertical"]) { transform: scaleY(-1) scale(0.5); } [data-wf--background-element--position="top-left"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="top-right"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="bottom-left"]:has([data-wf--utility-flip--variant="both"]), [data-wf--background-element--position="bottom-right"]:has([data-wf--utility-flip--variant="both"]) { transform: scale(-0.5, -0.5); } /* Center positions */ [data-wf--background-element--position="top-center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="top-center"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="bottom-center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="bottom-center"]:has([data-wf--utility-flip--variant="none"]) { transform: translateX(-50%) scale(0.5); } [data-wf--background-element--position="center-left"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center-left"]:has([data-wf--utility-flip--variant="none"]), [data-wf--background-element--position="center-right"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center-right"]:has([data-wf--utility-flip--variant="none"]) { transform: translateY(-50%) scale(0.5); } [data-wf--background-element--position="center"]:not(:has([data-wf--utility-flip--variant])), [data-wf--background-element--position="center"]:has([data-wf--utility-flip--variant="none"]) { transform: translate(-50%, -50%) scale(0.5); } } */