| 1 | {"version":3,"sourceRoot":"","sources":["../src/css/ionic-swiper.scss"],"names":[],"mappings":"AAKA,QAKE,0CACA,qDACA,sDACA,4DACA,mDACA,0DAWA,cAEA,iBAMF,kCACE,oCAGF,yCACE,2CAOF,uCACE,0CAGF,2EACE,iDAMF,0BACE,wCAGF,+BACE,+CAMF,oBACE,cAEA,WAEA,kBAGF,sBAGE,aACA,kBAEA,cACA,mBACA,uBAEA,WACA,YAEA,eAEA,kBACA,sBAGF,0BACE,WACA,eACA,YACA","file":"ionic-swiper.css","sourcesContent":["@import \"../themes/ionic.globals.ios.scss\";\n\n// Slides\n// --------------------------------------------------\n\n.swiper {\n\n // These values are the same for iOS and MD\n // We just do not add a .md or .ios class beforehand\n // so the styles are easier to override by the user.\n --bullet-background: $text-color-step-800;\n --bullet-background-active: ion-color(primary, base);\n --progress-bar-background: rgba($text-color-rgb, .25);\n --progress-bar-background-active: ion-color(primary, shade);\n --scroll-bar-background: rgba($text-color-rgb, .1);\n --scroll-bar-background-active: rgba($text-color-rgb, .5);\n /**\n * @prop --bullet-background: Background of the pagination bullets\n * @prop --bullet-background-active: Background of the active pagination bullet\n *\n * @prop --progress-bar-background: Background of the pagination progress-bar\n * @prop --progress-bar-background-active: Background of the active pagination progress-bar\n *\n * @prop --scroll-bar-background: Background of the pagination scroll-bar\n * @prop --scroll-bar-background-active: Background of the active pagination scroll-bar\n */\n display: block;\n\n user-select: none;\n}\n\n// Pagination Bullets\n// --------------------------------------------------\n\n.swiper .swiper-pagination-bullet {\n background: var(--bullet-background);\n}\n\n.swiper .swiper-pagination-bullet-active {\n background: var(--bullet-background-active);\n}\n\n\n// Pagination Progress Bar\n// --------------------------------------------------\n\n.swiper .swiper-pagination-progressbar {\n background: var(--progress-bar-background);\n}\n\n.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n background: var(--progress-bar-background-active);\n}\n\n// Scrollbar\n// --------------------------------------------------\n\n.swiper .swiper-scrollbar {\n background: var(--scroll-bar-background);\n}\n\n.swiper .swiper-scrollbar-drag {\n background: var(--scroll-bar-background-active);\n}\n\n// Slide\n// --------------------------------------------------\n\n.swiper .slide-zoom {\n display: block;\n\n width: 100%;\n\n text-align: center;\n}\n\n.swiper .swiper-slide {\n\n // Center slide text vertically\n display: flex;\n position: relative;\n\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n\n width: 100%;\n height: 100%;\n\n font-size: 18px;\n\n text-align: center;\n box-sizing: border-box;\n}\n\n.swiper .swiper-slide img {\n width: auto;\n max-width: 100%;\n height: auto;\n max-height: 100%;\n}\n"]} |