@vnmfify/core
Version:
```shell npm i @vnmfify/core -S ```
1 lines • 3.78 kB
Source Map (JSON)
{"version":3,"sources":["toast/toast.scss","toast/_variables.scss"],"names":[],"mappings":"AAEA,eAGE,2BAAA,CAAA,4BAAA,CACA,wBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CADA,0BAAA,CAAA,kBAAA,CAeA,wECXuB,CDYvB,qECXoB,CDRpB,8BAAA,CAAA,sBAAA,CAWA,0CCLY,CDLZ,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CAOA,yDCLgB,CDAhB,8BAAA,CAAA,sBAAA,CAMA,+DCLkB,CDClB,oCCJgB,CDKhB,wCCNiB,CDOjB,mDCLc,CDSd,iBAAA,CAQA,0FAAA,CAAA,qFAAA,CAAA,kFAAA,CAHA,oBAAA,CAZA,8BCLY,CDcZ,oBAMA,CAEA,0CAIE,YAAA,CADA,2CCRmB,CDUnB,+ECTiB,CDMjB,yBAAA,CAAA,sBAAA,CAAA,iBCNiB,CDWjB,0FACE,YAAA,CAIJ,oBACE,yECd0B,CDiB5B,uBAEE,+EClB6B,CDiB7B,QCjB6B,CDqB/B,qBAEE,+CCjCe,CDgCf,0CChCe,CDoCjB,wBAEE,kDCnCkB,CDkClB,wCClCkB,CDsCpB,wBACE,iCAAA","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}toast {\r\n box-sizing: content-box;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n width: $toast-width;\r\n max-width: $toast-max-width;\r\n min-height: $toast-min-height;\r\n padding: $toast-padding;\r\n font-size: $toast-font-size;\r\n line-height: $toast-line-height;\r\n color: $toast-color;\r\n text-align: center;\r\n // https://github.com/youzan/vant/issues/8959\r\n word-break: break-all;\r\n\r\n // allow newline character\r\n white-space: pre-wrap;\r\n background: $toast-background-color;\r\n border-radius: $toast-border-radius;\r\n transition: all $toast-transition-duration;\r\n\r\n &--text,\r\n &--html {\r\n width: fit-content;\r\n min-width: $toast-text-min-width;\r\n min-height: 0;\r\n padding: $toast-text-padding;\r\n\r\n .#{$component-prefix}toast__message {\r\n margin-top: 0;\r\n }\r\n }\r\n\r\n &--top {\r\n top: $toast-position-top-distance;\r\n }\r\n\r\n &--bottom {\r\n top: auto;\r\n bottom: $toast-position-bottom-distance;\r\n }\r\n\r\n &__icon {\r\n font-size: $toast-icon-font-size;\r\n color: $toast-icon-color;\r\n }\r\n\r\n &__loading {\r\n padding: $toast-loading-padding;\r\n color: $toast-loading-color;\r\n }\r\n\r\n &__message {\r\n margin-top: var(--padding-xs, $padding-xs);\r\n }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$toast-width: var(--toast-width, 88px * $hd);\r\n$toast-min-height: var(--toast-min-height, 88px * $hd);\r\n$toast-max-width: var(--toast-max-width, 70%);\r\n$toast-padding: var(--toast-padding, var(--padding-md, $padding-md));\r\n$toast-font-size: var(--toast-font-size, var(--font-size-md, $font-size-md));\r\n$toast-line-height: var(--toast-line-height, var(--line-height-md, $line-height-md));\r\n$toast-color: var(--toast-color, var(--white, $white));\r\n$toast-background-color: var(--toast-background-color, rgba(var(--black-rgb, $black-rgb), $alpha: 0.7));\r\n$toast-border-radius: var(--toast-border-radius, var(--border-radius-lg, $border-radius-lg));\r\n$toast-transition-duration: var(--toast-transition-duration, var(--animation-duration-fast, $animation-duration-fast));\r\n\r\n$toast-icon-font-size: var(--toast-icon-font-size, 36px * $hd);\r\n$toast-icon-color: var(--toast-icon-color, var(--white, $white));\r\n\r\n$toast-loading-padding: var(--toast-loading-padding, 3px * $hd);\r\n$toast-loading-color: var(--toast-loading-color, var(--white, $white));\r\n\r\n$toast-text-min-width: var(--toast-text-min-width, 96px * $hd);\r\n$toast-text-padding: var(--toast-text-padding, var(--padding-xs, $padding-xs) var(--padding-sm, $padding-sm));\r\n\r\n$toast-position-distance: var(--toast-position-distance, 20%);\r\n$toast-position-top-distance: var(--toast-position-top-distance, $toast-position-distance);\r\n$toast-position-bottom-distance: var(--toast-position-bottom-distance, $toast-position-distance);\r\n"]}