36 lines
669 B
JavaScript
36 lines
669 B
JavaScript
|
import {
|
||
|
|
component_styles_default
|
||
|
|
} from "./chunk.K23QWHWK.js";
|
||
|
|
import {
|
||
|
|
i
|
||
|
|
} from "./chunk.CXZZ2LVK.js";
|
||
|
|
|
||
|
|
// src/components/carousel-item/carousel-item.styles.ts
|
||
|
|
var carousel_item_styles_default = i`
|
||
|
|
${component_styles_default}
|
||
|
|
|
||
|
|
: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
|
||
|
|
};
|