position: absolute
right: 0
top: 0
- +opacity(.32, background-color, $texts-color)
+ +opacity(.24, background-color, $texts-color)
span
z-index: 1
&.active
- background-color: rgba(0, 0, 0, 0.25)
+ background-color: rgba($opposite-texts-color, 0.24)
border: 1px solid rgba($texts-color, .24)
span
&:not(.isDragging)
&:nth-child(2)
- +opacity(.8, background-color, $neutral-color)
+ +opacity(.8, background-color, $texts-color)
+ color: $opposite-texts-color
transform: scale(.92) !important
z-index: 3
top: 30px
opacity: .64 !important
&:nth-child(3)
- +opacity(.8, background-color, $neutral-color)
+ +opacity(.8, background-color, $texts-color)
+ color: $opposite-texts-color
transform: scale(.83) !important
z-index: 2
top: 60px
opacity: .4 !important
&:nth-child(4)
- +opacity(.8, background-color, $neutral-color)
+ +opacity(.8, background-color, $texts-color)
+ color: $opposite-texts-color
transform: scale(0.75) !important
z-index: 1
top: 87px
+flex-config(center, '', '', flex-end)
opacity: 0
- +flex-config(center, '','', flex-end)
+ +flex-config(center, '', '', flex-end)
+
.controls
margin: 0 24px
.bottom-slider
opacity: 0
+
.swiper-slide
width: 252px !important
height: 158px
background-color: $neutral-color
border: 2px solid $texts-color
top: 0 !important
+
&:not(.not-visible)
opacity: 1 !important
&-prev,
&-next
- +opacity(.24,background-color,$neutral-color)
+ +opacity(.24, background-color, $texts-color)
+ color: $opposite-texts-color
&:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next)
- +opacity(.24,background-color,$neutral-color)
+ +opacity(.24, background-color, $texts-color)
+ color: $opposite-texts-color
.swiper-pagination-top