{"version":3,"sources":["../src/styles/elements/scroll-snap.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const stylesScrollSnap = css`\n  *,\n  *::after,\n  *::before {\n    box-sizing: border-box;\n  }\n\n  :host {\n    --kemet-scroll-snap-horizontal-max-width: 1024px;\n    --kemet-scroll-snap-vertical-height: 100vh;\n    --kemet-scroll-snap-slides-vertical-padding: 0 2rem;\n\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n\n  :host([axis='horizontal']) {\n    margin: auto;\n    max-width: var(--kemet-scroll-snap-horizontal-max-width);\n  }\n\n  :host([pagination=\"left\"]),\n  :host([pagination=\"right\"]) {\n    flex-direction: row;\n  }\n\n  :host([pagination=\"none\"]) ::slotted([slot=\"pagination\"]) {\n    display: none;\n  }\n\n  :host([pagination=\"top\"]) ::slotted([slot=\"pagination\"]),\n  :host([pagination=\"left\"]) ::slotted([slot=\"pagination\"]) {\n    order: -1;\n  }\n\n\n  ::slotted([slot=\"slides\"]) {\n    display: flex;\n    gap: var(--kemet-scroll-snap-gap, 1.5rem);\n    scroll-snap-type: x mandatory;\n    overflow-x: scroll;\n  }\n\n  /* vertical */\n  :host([axis=\"vertical\"]) {\n    height: var(--kemet-scroll-snap-vertical-height);\n  }\n\n  :host([axis=\"vertical\"]) ::slotted([slot=\"slides\"]) {\n    flex-direction: column;\n    overflow-x: hidden;\n    scroll-snap-type: y mandatory;\n    padding: var(--kemet-scroll-snap-slides-vertical-padding);\n  }\n`;\n\nexport const stylesScrollSnapPaginator = css`\n  :host {\n    --kemet-scroll-snap-paginator-padding: 1rem 0;\n    --kemet-scroll-snap-paginator-gap: 0.5rem;\n    --kemet-scroll-snap-paginator-link-color: rgb(var(--kemet-color-primary));\n\n    margin: auto;\n    padding: var(--kemet-scroll-snap-paginator-padding);\n  }\n\n  nav {\n    display: flex;\n    gap: var(--kemet-scroll-snap-paginator-gap);\n  }\n\n  :host([center]) nav {\n    justify-content: center;\n  }\n\n  .link {\n    cursor: pointer;\n    color: var(--kemet-scroll-snap-paginator-link-color);\n  }\n`;\n"],"mappings":";AAAA,SAAS,WAAW;AAEb,IAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyDzB,IAAM,4BAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;","names":[]}