UNPKG

@vnmfify/core

Version:

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

1 lines 2.08 kB
{"version":3,"sources":["image/image.scss","image/_variables.scss"],"names":[],"mappings":"AAEA,eAEE,oBAAA,CAEA,WAAA,CAHA,iBAAA,CAEA,UACA,CAEA,uBAEE,iBAAA,CADA,eACA,CAEA,2BACE,qBAAA,CAIJ,wBAGE,QAAA,CAFA,iBAAA,CACA,OACA,CAGF,qDAME,2BAAA,CAAA,4BAAA,CACA,wBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CADA,0BAAA,CAAA,kBAAA,CAMA,wGC7BiC,CD4BjC,0DChCsB,CDyBtB,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CAKA,qEC9B0B,CD6B1B,WAAA,CAFA,8BAAA,CAAA,sBAAA,CAJA,MAAA,CAFA,iBAAA,CACA,KAAA,CAMA,UCzBiC,CD+BjC,+DAEE,+DClCyB,CDiCzB,iDCjCyB","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}image {\r\n position: relative;\r\n display: inline-block;\r\n width: 100%;\r\n height: 100%;\r\n\r\n &--circle {\r\n overflow: hidden;\r\n border-radius: 50%;\r\n\r\n img {\r\n border-radius: inherit;\r\n }\r\n }\r\n\r\n &--loading {\r\n position: absolute;\r\n width: 0;\r\n height: 0;\r\n }\r\n\r\n &__fallback,\r\n &__placeholder {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n width: 100%;\r\n height: 100%;\r\n font-size: $image-placeholder-font-size;\r\n color: $image-placeholder-color;\r\n background-color: $image-placeholder-background-color;\r\n\r\n &-icon {\r\n font-size: $image-placeholder-icon-size;\r\n color: $image-placeholder-icon-color;\r\n }\r\n }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$image-placeholder-color: var(--image-placeholder-color, var(--gray-6, $gray-6));\r\n$image-placeholder-font-size: var(--image-placeholder-font-size, var(--font-size-md, $font-size-md));\r\n$image-placeholder-icon-size: var(--image-placeholder-icon-size, 32px * $hd);\r\n$image-placeholder-icon-color: var(--image-placeholder-icon-color, var(--gray-4, $gray-4));\r\n$image-placeholder-background-color: var(--image-placeholder-background-color, var(--background-color, $background-color));\r\n"]}