| 1 |
- {"version":3,"sources":["collapse-panel/collapse-panel.less"],"names":[],"mappings":"QAAc;AA0GZ,iBAAC,OA1GF;EA4GK,WAAW,aAAX;EAnCJ,0BAAA;EACA,oEAAA;;AAsCE,iBAND,OAME,UAhHJ;EAkHO,WAAW,cAAX;;AAIJ,iBAZD,OAYE,UAtHJ;AAsHG,iBAZD,OAYE,UAtHK;EAyER,cAAA;EACA,yDAAA;;AA4CE,iBAZD,OAYE,UAtHJ;EAyEC,sBAAA;EACA,oCAAA;;AAwDA,iBAAC;EACC,gBAAA;;AAEA,iBAHD,SAGE;EACC,oCAAA;;AAIJ,iBAAC;EAjED,aAAA;EACA,mDAAA;EADA,cAAA;EACA,uDAAA;EADA,eAAA;EACA,uDAAA;EADA,gBAAA;EACA,0DAAA;EADA,sBAAA;EACA,qEAAA;;AA0EA,oBAAC;EACC,cAAA;EACA,gBAAA;;AAFF,oBAAC,UAIC;EACE,qBAAA;EACA,yBAAA;EACA,uBAAA;EACA,gBAAA;EACA,mBAAA;EACA,sBAAA;EACA,sBAAA;EACA,kBAAA;;AAZJ,oBAAC,UAeC;EACE,eAAA;EACA,WAAA;EACA,kBAAA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA;;AAKN;EACE,eAAA;EACA,WAAA;EACA,kBAAA;EACA,YAAA;EACA,gBAAA;EACA,kBAAA","sourcesContent":["@import (css) '../common/index.wxss';\n\n// 同 scripts/config.js\n@classBasePrefix: CONFIG_PREFIX;\n\n// Color Palette\n@black: #000;\n@white: #fff;\n@gray-1: #f7f8fa;\n@gray-2: #f2f3f5;\n@gray-3: #ebedf0;\n@gray-4: #dcdee0;\n@gray-5: #c8c9cc;\n@gray-6: #969799;\n@gray-7: #646566;\n@gray-8: #323233;\n@red: #ee0a24;\n@blue: #1989fa;\n@orange: #ff976a;\n@orange-dark: #ed6a0c;\n@orange-light: #fffbe8;\n@green: #07c160;\n\n// Gradient Colors\n@gradient-red: linear-gradient(to right, #ff6034, #ee0a24);\n@gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);\n\n// Component Colors\n@text-color: @gray-8;\n@active-color: @gray-2;\n@active-opacity: .7;\n@disabled-opacity: .5;\n@background-color: @gray-1;\n@background-color-light: #fafafa;\n\n// Padding\n@padding-base: 4px;\n@padding-xs: @padding-base * 2;\n@padding-sm: @padding-base * 3;\n@padding-md: @padding-base * 4;\n@padding-lg: @padding-base * 6;\n@padding-xl: @padding-base * 8;\n\n// Font\n@font-size-xs: 10px;\n@font-size-sm: 12px;\n@font-size-md: 14px;\n@font-size-lg: 16px;\n@font-weight-bold: 500;\n@price-integer-font-family: Avenir-Heavy, PingFang SC, Helvetica Neue, Arial, sans-serif;\n\n// Animation\n@animation-duration-base: .3s;\n@animation-duration-fast: .2s;\n\n// Border\n@border-color: @gray-3;\n@border-width-base: 1px;\n@border-radius-sm: 2px;\n@border-radius-md: 4px;\n@border-radius-lg: 8px;\n@border-radius-max: 999px;\n\n// Collapse\n@collapse-item-transition-duration: .3s;\n@collapse-item-content-padding: 15px;\n@collapse-item-content-font-size: 13px;\n@collapse-item-content-line-height: 1.5;\n@collapse-item-content-text-color: @gray-6;\n@collapse-item-content-background-color: @white;\n@collapse-item-title-disabled-color: @gray-5;\n\n.theme(@property, @imp) {\n @{property}: e(replace(@imp, '@([^() ]+)', '@{$1}', 'ig'));\n @{property}: e(replace(@imp, '@([^() ]+)', 'var(--$1, @{$1})', 'ig'));\n}\n\n.hairline-common() {\n position: absolute;\n box-sizing: border-box;\n transform-origin: center; /* cover wechat button:after default transforn-origin */\n content: ' ';\n pointer-events: none;\n}\n\n.hairline(@border-color: #eee) {\n .hairline-common();\n top: -50%;\n right: -50%;\n bottom: -50%;\n left: -50%;\n border: 0 solid @border-color;\n transform: scale(.5);\n}\n\n.hairline-bottom(@border-color: #eee, @left: 0) {\n .hairline-common();\n top: auto;\n right: 0;\n bottom: 0;\n left: @left;\n border-bottom: 1px solid @border-color;\n transform: scaleY(.5);\n}\n\n.@{classBasePrefix}-collapse-panel {\n &__title {\n .@{classBasePrefix}-cell__right-icon {\n transform: rotate(90deg);\n .theme(transition, 'transform @collapse-item-transition-duration');\n }\n\n &--expanded {\n .@{classBasePrefix}-cell__right-icon {\n transform: rotate(-90deg);\n }\n }\n\n &--disabled {\n .@{classBasePrefix}-cell,\n .@{classBasePrefix}-cell__right-icon {\n .theme(color, '@collapse-item-title-disabled-color') !important;\n }\n\n .@{classBasePrefix}-cell--hover {\n .theme(background-color, '@white') !important;\n }\n }\n }\n\n &__wrapper {\n overflow: hidden;\n\n &--transition {\n transition: height 300ms ease-in-out;\n }\n }\n\n &__content {\n .theme(padding, '@collapse-item-content-padding');\n .theme(color, '@collapse-item-content-text-color');\n .theme(font-size, '@collapse-item-content-font-size');\n .theme(line-height, '@collapse-item-content-line-height');\n .theme(background-color, '@collapse-item-content-background-color');\n }\n}\n\n.collapse-panel-item {\n &-container {\n display: block;\n padding: 12rpx 0;\n\n .panel-label {\n display: inline-block;\n color: rgba(0, 0, 0, .3);\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n box-sizing: border-box;\n vertical-align: middel;\n line-height: 26rpx;\n }\n\n .panel-content {\n display: inline;\n color: #333;\n margin-left: 20rpx;\n height: auto;\n font-size: 28rpx;\n line-height: 28rpx;\n }\n }\n}\n\n.collapse-panel-single-item {\n display: inline;\n color: #333;\n margin-left: 20rpx;\n height: auto;\n font-size: 28rpx;\n line-height: 28rpx;\n}\n"],"file":"collapse-panel.wxss"}
|
