mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 04:14:21 +08:00
e5c8c10029
- removes mode-less component classes from the internal CSS, use element instead - adds mode specific classes `md` or `ios` for styling inside of shadow components - adds e2e test that verifies mode classes exist on all ionic components, plus checks for specific classes that the components need for internal styling fixes #17608
51 lines
1.0 KiB
SCSS
51 lines
1.0 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
|
|
*/
|
|
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);
|
|
}
|