{"version":3,"sources":["collapse/collapse-item.scss","styles/mixins/_hairline.scss","collapse/_variables.scss"],"names":[],"mappings":"AAEA,uBACE,iBAAA,CAGE,uCCoBF,8DAAA,CAtBA,6BAAA,CAAA,qBAAA,CAEA,WAAA,CAmBA,2BDjB8D,CCH9D,mBAAA,CAFA,iBAAA,CAqBA,4BDhB8F,CCe9F,KAAA,CAIA,4BAAA,CAAA,wBAAA,CAAA,oBAAA,CDdE,+DAIE,6CAAA,CAAA,qCAAA,CAHA,gHAAA,CAAA,wGAAA,CAAA,mGAAA,CAAA,gGAAA,CAAA,8LAGA,CAGF,oCAEE,YAAA,CADA,4BACA,CAIA,yEACE,gCAAA,CAAA,4BAAA,CAAA,wBAAA,CAGF,8CACE,aAAA,CAKF,gDACE,YAAA,CAIJ,wCACE,kBAAA,CAEA,0GAEE,qEE1C6B,CF+CnC,gCACE,eAAA,CACA,iHAAA,CAAA,4GAAA,CAAA,yGAAA,CACA,kBAAA,CAGF,gCAKE,0EEpDqC,CFmDrC,8DEpD0B,CFkD1B,yEEpD8B,CFqD9B,wDEpDgC,CFkDhC,0FEhDqC","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}collapse-item {\r\n  position: relative;\r\n\r\n  &--bordered {\r\n    &::after {\r\n      // TODO Use scss Vars\r\n      @include hairline-top(var(--border-color, $border-color), var(--padding-md, $padding-md), var(--padding-md, $padding-md));\r\n    }\r\n  }\r\n\r\n  &__title {\r\n    .#{$component-prefix}cell__right-icon::before {\r\n      transition: transform $collapse-item-transition-duration;\r\n      // using translateZ to fix safari rendering issues\r\n      // see: https://github.com/youzan/vant/issues/8608\r\n      transform: rotate(90deg) translateZ(0);\r\n    }\r\n\r\n    &::after {\r\n      right: var(--padding-md, $padding-md);\r\n      display: none;\r\n    }\r\n\r\n    &--expanded {\r\n      .#{$component-prefix}cell__right-icon::before {\r\n        transform: rotate(-90deg);\r\n      }\r\n\r\n      &::after {\r\n        display: block;\r\n      }\r\n    }\r\n\r\n    &--borderless {\r\n      &::after {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    &--disabled {\r\n      cursor: not-allowed;\r\n\r\n      &,\r\n      .#{$component-prefix}cell__right-icon {\r\n        color: $collapse-item-title-disabled-color;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__wrapper {\r\n    overflow: hidden;\r\n    transition: height $collapse-item-transition-duration ease-in-out;\r\n    will-change: height;\r\n  }\r\n\r\n  &__content {\r\n    padding: $collapse-item-content-padding;\r\n    font-size: $collapse-item-content-font-size;\r\n    line-height: $collapse-item-content-line-height;\r\n    color: $collapse-item-content-color;\r\n    background: $collapse-item-content-background-color;\r\n  }\r\n}\r\n","@import '../variables';\n\n@mixin hairline-common {\n  position: absolute;\n  box-sizing: border-box;\n  pointer-events: none;\n  content: ' ';\n}\n\n@mixin hairline($color: $border-color) {\n  @include hairline-common;\n\n  top: -50%;\n  right: -50%;\n  bottom: -50%;\n  left: -50%;\n  border: 0 solid $color;\n  transform: scale(0.5);\n}\n\n@mixin hairline-top($color: $border-color, $left: 0, $right: 0) {\n  @include hairline-common;\n\n  top: 0;\n  right: $right;\n  left: $left;\n  border-top: 2px solid $color;\n  transform: scaleY(0.5);\n}\n\n@mixin hairline-bottom($color: $border-color, $left: 0, $right: 0) {\n  @include hairline-common;\n\n  right: $right;\n  bottom: 0;\n  left: $left;\n  border-bottom: 2px solid $color;\n  transform: scaleY(0.5);\n}\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n@import '../styles/mixins/hairline';\r\n\r\n$collapse-item-title-disabled-color: var(--collapse-item-title-disabled-color, var(--gray-5, $gray-5));\r\n$collapse-item-transition-duration: var(--collapse-item-transition-duration, var(--animation-duration-base, $animation-duration-base));\r\n$collapse-item-content-padding: var(--collapse-item-content-padding, var(--padding-sm, $padding-sm) var(--padding-md, $padding-md));\r\n$collapse-item-content-font-size: var(--collapse-item-content-font-size, var(--font-size-md, $font-size-md));\r\n$collapse-item-content-line-height: var(--collapse-item-content-line-height, 1.5);\r\n$collapse-item-content-color: var(--collapse-item-content-color, var(--gray-6, $gray-6));\r\n$collapse-item-content-background-color: var(--collapse-item-content-background-color, var(--white, $white));\r\n"]}