12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- @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;
- }
- }
|