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

chore(): sync with main

Browse Source
This commit is contained in:
Liam DeBeasi
2021-11-11 10:19:05 -05:00
parent 1f4f8eb6ca 64dd070d67
commit 2054690f54
20 changed files with 365 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
core/src/css/ionic-swiper.scss
View File

@@ -4,7 +4,7 @@
// Slides
// --------------------------------------------------
.swiper-container {
.swiper {
// These values are the same for iOS and MD
// We just do not add a .md or .ios class beforehand
@@ -33,11 +33,11 @@
// Pagination Bullets
// --------------------------------------------------
.swiper-pagination-bullet {
.swiper .swiper-pagination-bullet {
background: var(--bullet-background);
}
.swiper-pagination-bullet-active {
.swiper .swiper-pagination-bullet-active {
background: var(--bullet-background-active);
}
@@ -45,36 +45,29 @@
// Pagination Progress Bar
// --------------------------------------------------
.swiper-pagination-progressbar {
.swiper .swiper-pagination-progressbar {
background: var(--progress-bar-background);
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
.swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--progress-bar-background-active);
}
// Scrollbar
// --------------------------------------------------
.swiper-scrollbar {
.swiper .swiper-scrollbar {
background: var(--scroll-bar-background);
}
.swiper-scrollbar-drag {
.swiper .swiper-scrollbar-drag {
background: var(--scroll-bar-background-active);
}
// Slide
// --------------------------------------------------
ion-slide {
display: block;
width: 100%;
height: 100%;
}
.slide-zoom {
.swiper .slide-zoom {
display: block;
width: 100%;
@@ -82,7 +75,7 @@ ion-slide {
text-align: center;
}
.swiper-slide {
.swiper .swiper-slide {
// Center slide text vertically
display: flex;
@@ -101,7 +94,7 @@ ion-slide {
box-sizing: border-box;
}
.swiper-slide img {
.swiper .swiper-slide img {
width: auto;
max-width: 100%;
height: auto;