You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
68 lines
1.3 KiB
68 lines
1.3 KiB
@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 {
|
|
transform: rotate(90deg);
|
|
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;
|
|
}
|
|
}
|