56 lines
1.1 KiB
SCSS
56 lines
1.1 KiB
SCSS
.ranges {
|
|
&-img {
|
|
max-width: 15rem;
|
|
}
|
|
|
|
&-swiper {
|
|
.swiper-ranges {
|
|
position: relative;
|
|
|
|
.swiper-slide {
|
|
&-content {
|
|
width: 246px;
|
|
|
|
p {
|
|
hyphens: auto;
|
|
line-height: 1.2em;
|
|
word-break: break-word;
|
|
}
|
|
}
|
|
}
|
|
|
|
.swiper-button {
|
|
&-prev,
|
|
&-next { width: 3rem; }
|
|
|
|
&-next { rotate: 180deg; }
|
|
|
|
&-disabled { opacity: .5; }
|
|
}
|
|
}
|
|
}
|
|
|
|
&-flexwrap {
|
|
.col-4:nth-child(1),
|
|
.col-4:nth-child(3) {
|
|
transform: translateY(-3rem);
|
|
}
|
|
|
|
.card {
|
|
width: calc(246px + 3rem);
|
|
|
|
&-header {
|
|
height: 4em;
|
|
}
|
|
|
|
.card-body div {
|
|
transition: .3s ease-in-out;
|
|
}
|
|
|
|
&:hover .card-body div {
|
|
opacity: 1 !important;
|
|
visibility: visible !important;
|
|
}
|
|
}
|
|
}
|
|
}
|