52 lines
1.1 KiB
SCSS
52 lines
1.1 KiB
SCSS
.carousel-container {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
position: relative;
|
|
display: flex;
|
|
flex-direction: column;
|
|
mask-image: linear-gradient(to right, transparent, black 0%, black 99%, transparent 100%);
|
|
-webkit-mask-image: linear-gradient(to right, transparent, black 0%, black 99%, transparent 100%);
|
|
}
|
|
|
|
.carousel-container {
|
|
.section-title {
|
|
font-weight: 400;
|
|
margin-left: 0.3125rem;
|
|
color: var(--carousel-header-text-color);
|
|
text-decoration: var(--carousel-header-text-decoration);
|
|
|
|
&:hover, &:focus, &:active {
|
|
text-decoration: var(--carousel-hover-header-text-decoration);
|
|
}
|
|
}
|
|
|
|
.non-selectable {
|
|
cursor: default;
|
|
}
|
|
|
|
.carousel-btn > i {
|
|
color: var(--carousel-btn-color);
|
|
}
|
|
}
|
|
|
|
::ng-deep .swiper-slide {
|
|
width: auto !important;
|
|
}
|
|
|
|
::ng-deep .swiper-wrapper {
|
|
margin-bottom: 0.625rem;
|
|
}
|
|
|
|
::ng-deep .last-carousel {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.header {
|
|
display: inline-block;
|
|
}
|
|
|
|
.title-icon {
|
|
color: var(--body-text-color);
|
|
font-size: 0.9rem;
|
|
cursor: pointer;
|
|
}
|