index.less 1002 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. @import '../style/var';
  2. .van-collapse-item {
  3. &__title {
  4. .van-cell__right-icon::before {
  5. transform: rotate(90deg);
  6. transition: @collapse-item-transition-duration;
  7. }
  8. &::after {
  9. visibility: hidden;
  10. }
  11. &--expanded {
  12. .van-cell__right-icon::before {
  13. transform: rotate(-90deg);
  14. }
  15. &::after {
  16. visibility: visible;
  17. }
  18. }
  19. &--disabled {
  20. &,
  21. & .van-cell__right-icon {
  22. color: @collapse-item-title-disabled-color;
  23. }
  24. &:active {
  25. background-color: @white;
  26. }
  27. }
  28. }
  29. &__wrapper {
  30. overflow: hidden;
  31. will-change: height;
  32. transition: height @collapse-item-transition-duration ease-in-out;
  33. }
  34. &__content {
  35. color: @collapse-item-content-text-color;
  36. padding: @collapse-item-content-padding;
  37. font-size: @collapse-item-content-font-size;
  38. line-height: @collapse-item-content-line-height;
  39. background-color: @collapse-item-content-background-color;
  40. }
  41. }