UNPKG

@vnmfify/core

Version:

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

1 lines 2.32 kB
{"version":3,"sources":["circle/circle.scss","circle/_variables.scss"],"names":[],"mappings":"AAEA,gBAEE,oBAAA,CAEA,oDCDc,CDFd,iBAAA,CAIA,iBAAA,CAFA,kDAEA,CAEA,oBAKE,WAAA,CAFA,MAAA,CAFA,iBAAA,CACA,KAAA,CAEA,UACA,CAGF,uBACE,SAAA,CACA,8FCZkB,CDalB,oBAAA,CAGF,uBACE,mDChBkB,CDmBpB,sBAIE,6BAAA,CAAA,qBAAA,CAMA,+FAAA,CAHA,+DCtBoB,CDuBpB,sECxBsB,CDmBtB,MAAA,CAMA,qECvBsB,CDoBtB,4DCxBkB,CDmBlB,iBAAA,CACA,OAAA,CASA,kCAAA,CAAA,8BAAA,CAAA,0BAAA,CANA,UAMA","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}circle {\r\n position: relative;\r\n display: inline-block;\r\n width: $circle-width;\r\n height: $circle-height;\r\n text-align: center;\r\n\r\n svg {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n &__hover {\r\n fill: none;\r\n stroke: $circle-hover-stroke;\r\n stroke-linecap: round;\r\n }\r\n\r\n &__layer {\r\n stroke: $circle-layer-stroke;\r\n }\r\n\r\n &__text {\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n box-sizing: border-box;\r\n width: 100%;\r\n padding: $circle-text-padding;\r\n font-size: $circle-text-font-size;\r\n font-weight: $circle-text-font-weight;\r\n line-height: $circle-text-line-height;\r\n color: var(--circle-text-color, $circle-text-color);\r\n transform: translateY(-50%);\r\n }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$circle-size: var(--circle-size, 100px * $hd);\r\n$circle-width: var(--circle-width, $circle-size);\r\n$circle-height: var(--circle-height, $circle-size);\r\n$circle-color: var(--circle-color, var(--primary-color, $primary-color));\r\n$circle-hover-stroke: var(--circle-hover-stroke, $circle-color);\r\n$circle-layer-stroke: var(--circle-layer-stroke, var(--white, $white));\r\n$circle-text-padding: var(--circle-text-padding, 0 var(--padding-base, $padding-base));\r\n$circle-text-color: var(--circle-text-color, var(--text-color, $text-color));\r\n$circle-text-font-weight: var(--circle-text-font-weight, var(--font-weight-bold, $font-weight-bold));\r\n$circle-text-font-size: var(--circle-text-font-size, var(--font-size-md, $font-size-md));\r\n$circle-text-line-height: var(--circle-text-line-height, var(--line-height-md, $line-height-md));\r\n"]}