@import '../style/var';
|
@import '../style/mixins/hairline';
|
|
.van-collapse-item {
|
position: relative;
|
|
&--border {
|
&::after {
|
.hairline-top(@cell-border-color, @padding-md, @padding-md);
|
}
|
}
|
|
&__title {
|
.van-cell__right-icon::before {
|
// using translateZ to fix safari rendering issues
|
// see: https://github.com/vant-ui/vant/issues/8608
|
transform: rotate(90deg) translateZ(0);
|
transition: transform @collapse-item-transition-duration;
|
}
|
|
&::after {
|
right: @padding-md;
|
display: none;
|
}
|
|
&--expanded {
|
.van-cell__right-icon::before {
|
transform: rotate(-90deg);
|
}
|
|
&::after {
|
display: block;
|
}
|
}
|
|
&--borderless {
|
&::after {
|
display: none;
|
}
|
}
|
|
&--disabled {
|
cursor: not-allowed;
|
|
&,
|
& .van-cell__right-icon {
|
color: @collapse-item-title-disabled-color;
|
}
|
|
&:active {
|
background-color: @white;
|
}
|
}
|
}
|
|
&__wrapper {
|
overflow: hidden;
|
transition: height @collapse-item-transition-duration ease-in-out;
|
will-change: height;
|
}
|
|
&__content {
|
padding: @collapse-item-content-padding;
|
color: @collapse-item-content-text-color;
|
font-size: @collapse-item-content-font-size;
|
line-height: @collapse-item-content-line-height;
|
background-color: @collapse-item-content-background-color;
|
}
|
}
|
