@yamada-ui/react/dist/esm/components/aspect-ratio/aspect-ratio.style.js

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

import { defineComponentStyle } from "../../core/system/config.js";

//#region src/components/aspect-ratio/aspect-ratio.style.ts
const aspectRatioStyle = defineComponentStyle({ base: {
	"& > *:not(style)": {
		alignItems: "center",
		bottom: "0",
		display: "flex",
		h: "100%",
		justifyContent: "center",
		left: "0",
		overflow: "hidden",
		position: "absolute",
		right: "0",
		top: "0",
		w: "100%"
	},
	"& > img, & > video": { objectFit: "cover" },
	position: "relative"
} });

//#endregion
export { aspectRatioStyle };
//# sourceMappingURL=aspect-ratio.style.js.map