1 line
17 KiB
Plaintext
1 line
17 KiB
Plaintext
|
{"version":3,"sources":["../../src/galleria/index.ts"],"sourcesContent":["export const style = /*css*/ `\n .p-galleria {\n overflow: hidden;\n border-style: solid;\n border-width: dt('galleria.border.width');\n border-color: dt('galleria.border.color');\n border-radius: dt('galleria.border.radius');\n }\n\n .p-galleria-content {\n display: flex;\n flex-direction: column;\n }\n\n .p-galleria-items-container {\n display: flex;\n flex-direction: column;\n position: relative;\n }\n\n .p-galleria-items {\n position: relative;\n display: flex;\n height: 100%;\n }\n\n .p-galleria-nav-button {\n position: absolute !important;\n top: 50%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n background: dt('galleria.nav.button.background');\n color: dt('galleria.nav.button.color');\n width: dt('galleria.nav.button.size');\n height: dt('galleria.nav.button.size');\n transition:\n background dt('galleria.transition.duration'),\n color dt('galleria.transition.duration'),\n outline-color dt('galleria.transition.duration'),\n box-shadow dt('galleria.transition.duration');\n margin: calc(-1 * calc(dt('galleria.nav.button.size')) / 2) dt('galleria.nav.button.gutter') 0 dt('galleria.nav.button.gutter');\n padding: 0;\n user-select: none;\n border: 0 none;\n cursor: pointer;\n outline-color: transparent;\n }\n\n .p-galleria-nav-button:not(.p-disabled):hover {\n background: dt('galleria.nav.button.hover.background');\n color: dt('galleria.nav.button.hover.color');\n }\n\n .p-galleria-nav-button:not(.p-disabled):focus-visible {\n box-shadow: dt('galleria.nav.button.focus.ring.shadow');\n outline: dt('galleria.nav.button.focus.ring.width') dt('galleria.nav.button.focus.ring.style') dt('galleria.nav.button.focus.ring.color');\n outline-offset: dt('galleria.nav.button.focus.ring.offset');\n }\n\n .p-galleria-next-icon,\n .p-galleria-prev-icon {\n font-size: dt('galleria.nav.icon.size');\n width: dt('galleria.nav.icon.size');\n height: dt('galleria.nav.icon.size');\n }\n\n .p-galleria-prev-button {\n border-radius: dt('galleria.nav.button.prev.border.radius');\n left: 0;\n }\n\n .p-galleria-next-button {\n border-radius: dt('galleria.nav.button.next.border.radius');\n right: 0;\n }\n\n .p-galleria-prev-button:dir(rtl) {\n left: auto;\n right: 0;\n transform: rotate(180deg);\n }\n\n .p-galleria-next-button:dir(rtl) {\n right: auto;\n left: 0;\n transform: rotate(180deg);\n }\n\n .p-galleria-item {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n }\n\n .p-galleria-hover-navigators .p-galleria-nav-button {\n pointer-events: none;\n opacity: 0;\n transition: opacity dt('galleria.transition.duration') ease-in-out;\n }\n\n .p-galleria-hover-navigators .p-galleria-items-container:hover .p-galleria-nav-button {\n pointer-events: all;\n opacity: 1;\n }\n\n .p-galleria-hover-navigators .p-galleria-items-container:hover .p-galleria-nav-button.p-disabled {\n pointer-events: none;\n }\n\n .p-galleria-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n background: dt('galleria.caption.background');\n color: dt('galleria.caption.color');\n padding: dt('galleria.caption.padding');\n }\n\n .p-galleria-thumbnails {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-shrink: 0;\n }\n\n .p-galleria-thumbnail-nav-button {\n align-self: center;\n flex: 0 0 auto;\n display: flex;\n
|