UNPKG

@vnmfify/core

Version:

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

1 lines 3.41 kB
{"version":3,"sources":["swiper/swiper.scss","swiper/_variables.scss"],"names":[],"mappings":"AAEA,gBAGE,mBAAA,CAAA,WAAA,CADA,eAAA,CADA,iBAAA,CAKA,+BAAA,CAAA,uBAAA,CAFA,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBAEA,CAEA,uBACE,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,WAAA,CAEA,iCACE,2BAAA,CAAA,4BAAA,CAAA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CAIJ,4BAEE,6DClBuB,CDoBvB,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CADA,QAAA,CAFA,iBAAA,CAIA,kCAAA,CAAA,8BAAA,CAAA,0BAAA,CAEA,sCAIE,2BAAA,CAAA,4BAAA,CAFA,WAAA,CAEA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CADA,2DC1BqB,CDwBrB,OAAA,CAIA,kCAAA,CAAA,8BAAA,CAAA,0BAAA,CAEA,kFACE,+CC9BgB,CDmCtB,2BAGE,6FClCgC,CDmChC,kBAAA,CAFA,uECnCsB,CDsCtB,0CCrCuB,CDsCvB,yMAAA,CAAA,oMAAA,CAAA,iMAAA,CALA,qEAKA,CAGA,4CACE,8CC7CkB,CDgDpB,mCACE,8EC1CqC,CD2CrC,gDC5C4B,CDiDlC,qBAEE,mBAAA,CAAA,qBAAA,CAAA,aAAA,CAEA,WAAA,CAHA,iBAAA,CAEA,UACA","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}swiper {\r\n position: relative;\r\n overflow: hidden;\r\n cursor: grab;\r\n user-select: none;\r\n // https://github.com/youzan/vant/issues/9931\r\n transform: translateZ(0);\r\n\r\n &__track {\r\n display: flex;\r\n height: 100%;\r\n\r\n &--vertical {\r\n flex-direction: column;\r\n }\r\n }\r\n\r\n &__indicators {\r\n position: absolute;\r\n bottom: $swiper-indicators-margin;\r\n left: 50%;\r\n display: flex;\r\n transform: translateX(-50%);\r\n\r\n &--vertical {\r\n top: 50%;\r\n bottom: auto;\r\n left: $swiper-indicators-margin;\r\n flex-direction: column;\r\n transform: translateY(-50%);\r\n\r\n .#{$component-prefix}swiper__indicator:not(:last-child) {\r\n margin-bottom: $swiper-indicator-size;\r\n }\r\n }\r\n }\r\n\r\n &__indicator {\r\n width: $swiper-indicator-width;\r\n height: $swiper-indicator-height;\r\n background: $swiper-indicator-background-color;\r\n border-radius: 100%;\r\n opacity: $swiper-indicator-opacity;\r\n transition: opacity $swiper-indicator-transition-duration,\r\n background-color $swiper-indicator-transition-duration;\r\n\r\n &:not(:last-child) {\r\n margin-right: $swiper-indicator-size;\r\n }\r\n\r\n &--active {\r\n background: $swiper-indicator-active-background-color;\r\n opacity: $swiper-indicator-active-opacity;\r\n }\r\n }\r\n}\r\n\r\n.#{$component-prefix}swiper-item {\r\n position: relative;\r\n flex-shrink: 0;\r\n width: 100%;\r\n height: 100%;\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$swiper-indicators-margin: var(--swiper-indicators-margin, var(--padding-sm, $padding-sm));\r\n$swiper-indicator-size: var(--swiper-indicator-size, 6px * $hd);\r\n$swiper-indicator-width: var(--swiper-indicator-width, $swiper-indicator-size);\r\n$swiper-indicator-height: var(--swiper-indicator-height, $swiper-indicator-size);\r\n$swiper-indicator-opacity: var(--swiper-indicator-opacity, 0.3);\r\n$swiper-indicator-background-color: var(--swiper-indicator-background-color, var(--border-color, $border-color));\r\n$swiper-indicator-transition-duration: var(--swiper-indicator-transition-duration, var(--animation-duration-fast, $animation-duration-fast));\r\n$swiper-indicator-active-opacity: var(--swiper-indicator-active-opacity, 1);\r\n$swiper-indicator-active-background-color: var(--swiper-indicator-active-background-color, var(--blue, $blue));\r\n"]}