@shoelace-style/shoelace
Version:
A forward-thinking library of web components.
31 lines (26 loc) • 572 B
JavaScript
import {
i
} from "./chunk.CXZZ2LVK.js";
// src/components/carousel-item/carousel-item.styles.ts
var carousel_item_styles_default = i`
:host {
--aspect-ratio: inherit;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
width: 100%;
max-height: 100%;
aspect-ratio: var(--aspect-ratio);
scroll-snap-align: start;
scroll-snap-stop: always;
}
::slotted(img) {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
`;
export {
carousel_item_styles_default
};