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

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

{"version":3,"sources":["tabbar/tabbar.scss","tabbar/_variables.scss","tabbar/tabbar-item.scss"],"names":[],"mappings":"AAEA,gBAME,2DCFwB,CDFxB,8BAAA,CAAA,sBAAA,CAGA,iCCHc,CDEd,UAAA,CAHA,+BCGwB,CCJ1B,qCFGE,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YEMA,CATF,qBAEE,kBAAA,CACA,2BAAA,CAAA,4BAAA,CACA,wBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CADA,0BAAA,CAAA,kBAAA,CAIA,oDAAA,CACA,cAAA,CAPA,cAAA,CAAA,UAAA,CAAA,MAAA,CACA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CAGA,+DDCsB,CCFtB,8BAAA,CAAA,sBAAA,CDEsB,4CCEtB,CAEA,2BAEE,2CDHoB,CCEpB,kDDFoB,CCKpB,yCACE,aAAA,CAGF,0CACE,kCAAA,CAIJ,6BAEE,uEDbkC,CCYlC,yDDZkC","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}tabbar {\r\n  z-index: $tabbar-z-index;\r\n  box-sizing: content-box;\r\n  display: flex;\r\n  width: 100%;\r\n  height: $tabbar-height;\r\n  background: $tabbar-background-color;\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n// tabbar styles\r\n$tabbar-height: var(--tabbar-height, 50px * $hd);\r\n$tabbar-z-index: var(--tabbar-z-index, 1);\r\n$tabbar-background-color: var(--tabbar-background-color, var(--white, $white));\r\n\r\n// tabbar-item styles\r\n$tabbar-item-font-size: var(--tabbar-item-font-size, var(--font-size-sm, $font-size-sm));\r\n$tabbar-item-color: var(--tabbar-item-color, var(--gray-7, $gray-7));\r\n$tabbar-item-line-height: var(--tabbar-item-line-height, 1);\r\n$tabbar-item-icon-size: var(--tabbar-item-icon-size, 22px * $hd);\r\n$tabbar-item-margin-bottom: var(--tabbar-item-margin-bottom, 4px * $hd);\r\n$tabbar-item-active-color: var(--tabbar-item-active-color, var(--blue, $blue));\r\n$tabbar-item-active-background-color: var(--tabbar-item-active-background-color, var(--white, $white));\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}tabbar-item {\r\n  display: flex;\r\n  flex: 1;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: $tabbar-item-font-size;\r\n  line-height: $tabbar-item-line-height;\r\n  color: $tabbar-item-color;\r\n  cursor: pointer;\r\n\r\n  &__icon {\r\n    margin-bottom: $tabbar-item-margin-bottom;\r\n    font-size: $tabbar-item-icon-size;\r\n\r\n    .#{$component-prefix}icon {\r\n      display: block;\r\n    }\r\n\r\n    .#{$component-prefix}badge {\r\n      margin-top: var(--padding-base, $padding-base);\r\n    }\r\n  }\r\n\r\n  &--active {\r\n    color: $tabbar-item-active-color;\r\n    background: $tabbar-item-active-background-color;\r\n  }\r\n\r\n}\r\n"]}