UNPKG

@frsource/tiny-carousel-core

Version:

Core module for @frsource/tiny-carousel, based on CSS scroll snap feature 🚀

1 lines • 2.01 kB
{"version":3,"sources":["index.scss"],"names":[],"mappings":"AAAA,iBAEE,uBAAwB,CADxB,oBAEF,CAEA,oCACE,YACF,CAeA,QAIE,gCAAiC,CAEjC,kCAAgC,CAAhC,8BAAgC,CAChC,qCAAkC,CAAlC,iCAAkC,CANlC,mBAAa,CAAb,YAAa,CACb,WAAY,CACZ,eAAgB,CAEhB,sBAAuB,CAGvB,8BAA2B,CAA3B,0BAA2B,CAC3B,UACF,CACA,uCACE,QACE,oBACF,CACF,CACA,oCACE,QAEE,gCAA6B,CAA7B,4BACF,CACF,CAEA,mCACE,UACF,CAEA,gDAGE,iBAAc,CAAd,aAAc,CACd,eAAgB,CAChB,uBAAwB,CACxB,UACF,CACA,oCACE,gDAIE,wBACF,CACF","file":"index.css","sourcesContent":[".frs-hide-scroll {\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n\n.frs-hide-scroll::-webkit-scrollbar {\n display: none;\n}\n\n/*# sourceMappingURL=frs-hide-scrollbar.css.map */\n/**\n * To be changed together with `className` core variable\n * More info: https://www.frsource.org/tiny-carousel/api-reference/core/#config\n */\n/**\n * To be changed together with `classNameOverflow` core variable\n * More info: https://www.frsource.org/tiny-carousel/api-reference/core/#config\n */\n/**\n * To be changed together with `itemClassName` core variable\n * More info: https://www.frsource.org/tiny-carousel/api-reference/core/#config\n */\n.frs-tc {\n display: flex;\n height: 100%;\n overflow: scroll;\n -webkit-overflow-scrolling: touch;\n scroll-behavior: smooth;\n scroll-snap-destination: 0% 100%;\n scroll-snap-points-x: repeat(100%);\n scroll-snap-type: mandatory;\n width: 100%;\n}\n@media (prefers-reduced-motion: reduce) {\n .frs-tc {\n scroll-behavior: auto;\n }\n}\n@supports (scroll-snap-align: start) {\n .frs-tc {\n /* modern scroll snap points */\n scroll-snap-type: x mandatory;\n }\n}\n\n.frs-tc--o::before, .frs-tc--o::after {\n content: \"\";\n}\n\n.frs-tc--o::before,\n.frs-tc--o::after,\n.frs-tc-item {\n flex: 0 0 100%;\n overflow: hidden;\n scroll-snap-align: start;\n width: 100%;\n}\n@supports (scroll-snap-align: start) {\n .frs-tc--o::before,\n.frs-tc--o::after,\n.frs-tc-item {\n /* modern scroll snap points */\n scroll-snap-align: center;\n }\n}"]}