javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-19 19:57:22 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(components): update to use shadow DOM and work with css variables

Browse Source 
- updates components to use shadow DOM or scoped if they require css variables
- moves global styles to an external stylesheet that needs to be imported
- adds support for additional colors and removes the Sass loops to generate colors for each component
- several property renames, bug fixes, and test updates

Co-authored-by: Manu Mtz.-Almeida <manu.mtza@gmail.com>
Co-authored-by: Adam Bradley <adambradley25@gmail.com>
Co-authored-by: Cam Wiegert <cam@camwiegert.com>
This commit is contained in:
Brandy Carney
2018-07-09 12:57:21 -04:00
parent a4659f03b4
commit a7f1f4daa7
710 changed files with 20999 additions and 20853 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
core/src/components/slides/slides.scss
View File

@ -4,6 +4,41 @@
// Slides
// --------------------------------------------------
ion-slides {
:host {
display: block;
}
// 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);
}