UNPKG

@vnmfify/core

Version:

```shell npm i @vnmfify/core -S ```

1 lines 4.06 kB
{"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"]}