mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 11:41:20 +08:00
57 lines
1.4 KiB
SCSS
57 lines
1.4 KiB
SCSS
@import "./slides.vars";
|
|
@import "./slides-vendor";
|
|
|
|
// Slides
|
|
// --------------------------------------------------
|
|
|
|
ion-slides {
|
|
/**
|
|
* @prop --bullet-background: Background of the pagination bullets
|
|
* @prop --bullet-background-active: Background of the active pagination bullet
|
|
*
|
|
* @prop --progress-bar-background: Background of the pagination progress-bar
|
|
* @prop --progress-bar-background-active: Background of the active pagination progress-bar
|
|
*
|
|
* @prop --scroll-bar-background: Background of the pagination scroll-bar
|
|
* @prop --scroll-bar-background-active: Background of the active pagination scroll-bar
|
|
*/
|
|
display: block;
|
|
|
|
user-select: none;
|
|
}
|
|
|
|
|
|
// Pagination Bullets
|
|
// --------------------------------------------------
|
|
|
|
.swiper-pagination-bullet {
|
|
background: var(--bullet-background);
|
|
}
|
|
|
|
.swiper-pagination-bullet-active {
|
|
background: var(--bullet-background-active);
|
|
}
|
|
|
|
|
|
// Pagination Progress Bar
|
|
// --------------------------------------------------
|
|
|
|
.swiper-pagination-progressbar {
|
|
background: var(--progress-bar-background);
|
|
}
|
|
|
|
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
|
|
background: var(--progress-bar-background-active);
|
|
}
|
|
|
|
// Scrollbar
|
|
// --------------------------------------------------
|
|
|
|
.swiper-scrollbar {
|
|
background: var(--scroll-bar-background);
|
|
}
|
|
|
|
.swiper-scrollbar-drag {
|
|
background: var(--scroll-bar-background-active);
|
|
}
|