skeleton.wxss.map 2.7 KB

1
  1. {"version":3,"sources":["common/style/utilities/_animation.less","common/style/utilities/_float.less","common/style/utilities/_index.less","skeleton/skeleton.less"],"names":[],"mappings":"AAAC;ECIC,WAAA;;ADJD;ECQC,YAAA;;ADRF;EACE;IACE,UAAA;;EAGF;IACE,UAAA;;;AEDF,iBAAC;EACC,kBAAA;;AAGF,iBAAC;EACC,SAAS,EAAT;EACA,cAAA;EACA,kBAAA;EACA,OAAA;EACA,MAAA;EACA,QAAA;EACA,SAAA;EACA,WAAW,UAAX;;AFjBH;EGaC,aAAA;EACA,sBAAA;;AAEA,WAAC;EACC,cAAA;EACA,yBAAA;EACA,aAAA;EACA,YAAA;;AAGF,WAAC;EACC,yBAAA;;AAGF,WAAC;EACC,aAAA;;AAEA,WAHD,KAGE,IAAI;EACH,iBAAA;;AH/BL;EGqCC,4CAAA;;AAGF;EACE;IACE,UAAA;;EAGF;IACE,YAAA;;;AH9CH,6BGmDC;EACE,YAAY,iFAAZ;EAMA,yBAAA;EACA,WAAA;EACA,6CAAA;;AAIJ;EACE;IACE,6BAAA;;EAGF;IACE,2BAAA","sourcesContent":["@keyframes tdesign-fade-out {\n from {\n opacity: 1;\n }\n\n to {\n opacity: 0;\n }\n}\n","// 公共前缀\n@prefix: t;\n\n.@{prefix}-float-left {\n float: left;\n}\n\n.@{prefix}-float-right {\n float: right;\n}\n","@import './_float.less';\n@import './_animation.less';\n\n.hotspot-expanded {\n \n &.relative {\n position: relative;\n }\n\n &::after {\n content: '';\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n transform: scale(1.5);\n }\n}","// @import (css) '../common/index.wxss';\n@import '../common/style/index.less';\n\n@skeleton: ~\"@{prefix}-skeleton\";\n@h-space-sm: 32rpx;\n@h-space-nest: 24rpx;\n// skeleton\n@skeleton-row-background-color: rgba(238, 238, 238, 1);\n@skeleton-row-margin-top: @h-space-nest;\n@skeleton-avatar-background-color: rgba(238, 238, 238, 1);\n@skeleton-animation-duration: .6s;\n\n.@{skeleton} {\n display: flex;\n box-sizing: border-box;\n\n &__avatar {\n flex-shrink: 0;\n background-color: @skeleton-avatar-background-color;\n height: 64rpx;\n width: 64rpx;\n }\n\n &__item {\n background-color: @skeleton-row-background-color;\n }\n\n &__row {\n display: flex;\n\n &:not(:first-child) {\n margin-top: @skeleton-row-margin-top;\n }\n }\n}\n\n.@{skeleton}--animate-flashed {\n animation: t-flashed @skeleton-animation-duration infinite alternate;\n}\n\n@keyframes t-flashed {\n 0% {\n opacity: 1;\n }\n\n 100% {\n opacity: .6;\n }\n}\n\n.@{skeleton}--animate-gradient {\n .t-skeleton__item {\n background: linear-gradient(\n to right,\n rgba(238, 238, 238, 1) 10%,\n rgba(238, 238, 238, .4) 20%,\n rgba(238, 238, 238, 1) 30%\n );\n background-size: 400% 50%;\n width: 100%;\n animation: t-gradient 1s ease-in-out infinite;\n }\n}\n\n@keyframes t-gradient {\n 0% {\n background-position: 100% 50%;\n }\n\n 100% {\n background-position: 0% 50%;\n }\n}\n"],"file":"skeleton.wxss"}