@vnmfify/core/avatar/index.css.map

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

{"version":3,"sources":["avatar/avatar.scss","avatar/_variables.scss","avatar/avatar-group.scss"],"names":[],"mappings":"AAEA,gBAGE,wBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CADA,0BAAA,CAAA,kBAAA,CAOA,+DCRwB,CDDxB,8BAAA,CAAA,sBAAA,CAOA,2CCPa,CDCb,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CAIA,uEAAA,CACA,iECFmB,CDDnB,8BAAA,CAAA,sBAAA,CACA,eAAA,CAIA,iBCPwB,CDUxB,wBACE,4CAAA,CAGF,wBACE,eAAA,CAGF,sBAGE,uFCfoB,CDcpB,sDCJe,CDGf,qDCboB,CDiBpB,8CACE,8ECbsB,CDiB1B,uBAGE,wFCxBqB,CDuBrB,uDCbgB,CDYhB,sDCtBqB,CD0BrB,+CACE,+ECtBuB,CD0B3B,wBAGE,yFCjCsB,CDgCtB,wDCtBiB,CDqBjB,uDC/BsB,CDmCtB,gDACE,iFC/BwB,CDmC5B,uBAGE,wFC1CqB,CDyCrB,wDC/BgB,CD8BhB,uDCxCqB,CD4CrB,+CACE,gFCxCuB,CChB7B,sBACE,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CAEA,sCACE,wFAAA,CAGF,oCACE,oFDekB,CCblB,oDACE,iGAAA,CAIJ,qCACE,qFDQmB,CCNnB,qDACE,kGAAA,CAIJ,sCACE,sFDCoB,CCCpB,sDACE,mGAAA,CAIJ,qCACE,qFDNmB,CCQnB,qDACE,kGAAA","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}avatar {\r\n  box-sizing: content-box;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n  font-family: $avatar-font-family;\r\n  font-weight: $avatar-font-weight;\r\n  color: $avatar-color;\r\n  text-align: center;\r\n  background: $avatar-background-color;\r\n\r\n  &--circle {\r\n    border-radius: var(--border-radius-max, $border-radius-max);\r\n  }\r\n\r\n  &--square {\r\n    border-radius: 0;\r\n  }\r\n\r\n  &--mini {\r\n    width: $avatar-size-mini;\r\n    height: $avatar-size-mini;\r\n    font-size: $avatar-font-size-mini;\r\n\r\n    &.#{$component-prefix}avatar--rounded {\r\n      border-radius: $avatar-border-radius-mini;\r\n    }\r\n  }\r\n\r\n  &--small {\r\n    width: $avatar-size-small;\r\n    height: $avatar-size-small;\r\n    font-size: $avatar-font-size-small;\r\n\r\n    &.#{$component-prefix}avatar--rounded {\r\n      border-radius: $avatar-border-radius-small;\r\n    }\r\n  }\r\n\r\n  &--medium {\r\n    width: $avatar-size-medium;\r\n    height: $avatar-size-medium;\r\n    font-size: $avatar-font-size-medium;\r\n\r\n    &.#{$component-prefix}avatar--rounded {\r\n      border-radius: $avatar-border-radius-medium;\r\n    }\r\n  }\r\n\r\n  &--large {\r\n    width: $avatar-size-large;\r\n    height: $avatar-size-large;\r\n    font-size: $avatar-font-size-large;\r\n\r\n    &.#{$component-prefix}avatar--rounded {\r\n      border-radius: $avatar-border-radius-large;\r\n    }\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$avatar-color: var(--avatar-color, var(--white, $white));\r\n$avatar-background-color: var(--avatar-background-color, var(--gray-5, $gray-5));\r\n$avatar-border-color: var(--avatar-border-color, var(--white, $white));\r\n$avatar-border-width: var(--avatar-border-width, 2PX);\r\n$avatar-font-weight: var(--avatar-font-weight, var(--font-weight-bold, $font-weight-bold));\r\n$avatar-font-family: var(--avatar-font-family, #{Roboto, Helvetica, Arial, sans-serif});\r\n//\r\n$avatar-font-size-mini: var(--avatar-font-size-mini, var(--avatar-font-size, var(--font-size-xs, $font-size-xs)));\r\n$avatar-font-size-small: var(--avatar-font-size-small, var(--avatar-font-size, var(--font-size-sm, $font-size-sm)));\r\n$avatar-font-size-medium: var(--avatar-font-size-medium, var(--avatar-font-size, var(--font-size-md, $font-size-md)));\r\n$avatar-font-size-large: var(--avatar-font-size-large, var(--avatar-font-size, var(--font-size-lg, $font-size-lg)));\r\n//\r\n$avatar-border-radius-mini: var(--avatar-border-radius-mini, var(--avatar-border-radius, 2px * $hd));\r\n$avatar-border-radius-small: var(--avatar-border-radius-small, var(--avatar-border-radius, 4px * $hd));\r\n$avatar-border-radius-medium: var(--avatar-border-radius-medium, var(--avatar-border-radius, 5px * $hd));\r\n$avatar-border-radius-large: var(--avatar-border-radius-large, var(--avatar-border-radius, 6px * $hd));\r\n//\r\n$avatar-size-mini: var(--avatar-size-mini, var(--avatar-size, 16px * $hd));\r\n$avatar-size-small: var(--avatar-size-small, var(--avatar-size, 26px * $hd));\r\n$avatar-size-medium: var(--avatar-size-medium, var(--avatar-size, 38px * $hd));\r\n$avatar-size-large: var(--avatar-size-large, var(--avatar-size, 56px * $hd));\r\n//\r\n$avatar-spacing-mini: var(--avatar-spacing-mini, var(--avatar-spacing, var(--padding-xs, $padding-xs)));\r\n$avatar-spacing-small: var(--avatar-spacing-small, var(--avatar-spacing, var(--padding-sm, $padding-sm)));\r\n$avatar-spacing-medium: var(--avatar-spacing-medium, var(--avatar-spacing, var(--padding-md, $padding-md)));\r\n$avatar-spacing-large: var(--avatar-spacing-large, var(--avatar-spacing, var(--padding-lg, $padding-lg)));\r\n","@import \"./variables\";\n\n.#{$component-prefix}avatar-group {\n  display: flex;\n\n  .#{$component-prefix}avatar {\n    border: $avatar-border-width solid $avatar-border-color;\n  }\n\n  &--spacing-mini {\n    padding-left: $avatar-spacing-mini;\n\n    .#{$component-prefix}avatar {\n      margin-left: calc(#{$avatar-spacing-mini} * -1);\n    }\n  }\n\n  &--spacing-small {\n    padding-left: $avatar-spacing-small;\n\n    .#{$component-prefix}avatar {\n      margin-left: calc(#{$avatar-spacing-small} * -1);\n    }\n  }\n\n  &--spacing-medium {\n    padding-left: $avatar-spacing-medium;\n\n    .#{$component-prefix}avatar {\n      margin-left: calc(#{$avatar-spacing-medium} * -1);\n    }\n  }\n\n  &--spacing-large {\n    padding-left: $avatar-spacing-large;\n\n    .#{$component-prefix}avatar {\n      margin-left: calc(#{$avatar-spacing-large} * -1);\n    }\n  }\n}\n"]}