2021-02-19 23:33:19 +08:00
|
|
|
:root
|
2021-02-28 18:19:32 +08:00
|
|
|
--swiper-theme-color: $color-theme !important
|
2022-12-11 19:44:51 +08:00
|
|
|
.swiper
|
2021-02-19 23:33:19 +08:00
|
|
|
width: 100%
|
|
|
|
|
border-radius: 4px
|
2021-07-15 00:19:06 +08:00
|
|
|
--gap-p: 2rem
|
2022-12-11 19:44:51 +08:00
|
|
|
.swiper:not(.swiper-initialized)
|
2021-02-19 23:33:19 +08:00
|
|
|
display: none
|
|
|
|
|
div.swiper-slide
|
|
|
|
|
text-align: center
|
|
|
|
|
display: -webkit-box
|
|
|
|
|
display: -ms-flexbox
|
|
|
|
|
display: -webkit-flex
|
|
|
|
|
display: flex
|
|
|
|
|
align-self: center
|
|
|
|
|
-webkit-box-pack: center
|
|
|
|
|
-ms-flex-pack: center
|
|
|
|
|
-webkit-justify-content: center
|
|
|
|
|
justify-content: center
|
|
|
|
|
-webkit-box-align: center
|
|
|
|
|
-ms-flex-align: center
|
|
|
|
|
-webkit-align-items: center
|
|
|
|
|
align-items: center
|
|
|
|
|
width: 50%
|
|
|
|
|
img
|
|
|
|
|
border-radius: 4px
|
|
|
|
|
|
2022-12-11 19:44:51 +08:00
|
|
|
.swiper[width='max'] .swiper-slide
|
2021-02-19 23:33:19 +08:00
|
|
|
width: 100%
|
|
|
|
|
|
2022-12-11 19:44:51 +08:00
|
|
|
.swiper[width='min'] .swiper-slide
|
2021-02-19 23:33:19 +08:00
|
|
|
width: 25%
|
|
|
|
|
|
2022-12-11 19:44:51 +08:00
|
|
|
.swiper[effect='cards'] .swiper-slide
|
|
|
|
|
max-width: 75%
|
|
|
|
|
|
2021-02-19 23:33:19 +08:00
|
|
|
.swiper-button-prev,.swiper-button-next
|
2022-12-15 22:09:01 +08:00
|
|
|
padding: 1rem 0.25rem
|
2021-02-19 23:33:19 +08:00
|
|
|
margin-top: -2rem !important
|
2022-12-15 22:09:01 +08:00
|
|
|
border-radius: 40px
|
2021-02-19 23:33:19 +08:00
|
|
|
background: alpha(white, 0.25)
|
|
|
|
|
trans1 background
|
2024-01-31 22:45:07 +08:00
|
|
|
--swiper-theme-color: var(--text) !important
|
2021-02-19 23:33:19 +08:00
|
|
|
&:after
|
|
|
|
|
font-size: 1.2rem !important
|
|
|
|
|
font-weight: 700 !important
|
2022-12-15 22:09:01 +08:00
|
|
|
color: var(--swiper-theme-color)
|
2021-02-19 23:33:19 +08:00
|
|
|
&:hover
|
2021-03-08 00:20:51 +08:00
|
|
|
background: white !important
|
2021-02-19 23:33:19 +08:00
|
|
|
--swiper-theme-color: $color-hover !important
|
2022-12-15 22:09:01 +08:00
|
|
|
|
|
|
|
|
.swiper-button-prev:after
|
|
|
|
|
transform: translateX(-1px)
|
|
|
|
|
|
|
|
|
|
.swiper-button-next:after
|
|
|
|
|
transform: translateX(1px)
|
