{"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\";\n\n.#{$component-prefix}tabbar {\n  z-index: $tabbar-z-index;\n  box-sizing: content-box;\n  display: flex;\n  width: 100%;\n  height: $tabbar-height;\n  background: $tabbar-background-color;\n}\n","@import \"../styles/prefix\";\n@import \"../styles/variables\";\n\n// tabbar styles\n$tabbar-height: var(--tabbar-height, 50px * $hd);\n$tabbar-z-index: var(--tabbar-z-index, 1);\n$tabbar-background-color: var(--tabbar-background-color, var(--white, $white));\n\n// tabbar-item styles\n$tabbar-item-font-size: var(--tabbar-item-font-size, var(--font-size-sm, $font-size-sm));\n$tabbar-item-color: var(--tabbar-item-color, var(--gray-7, $gray-7));\n$tabbar-item-line-height: var(--tabbar-item-line-height, 1);\n$tabbar-item-icon-size: var(--tabbar-item-icon-size, 22px * $hd);\n$tabbar-item-margin-bottom: var(--tabbar-item-margin-bottom, 4px * $hd);\n$tabbar-item-active-color: var(--tabbar-item-active-color, var(--blue, $blue));\n$tabbar-item-active-background-color: var(--tabbar-item-active-background-color, var(--white, $white));\n","@import \"./variables\";\n\n.#{$component-prefix}tabbar-item {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: $tabbar-item-font-size;\n  line-height: $tabbar-item-line-height;\n  color: $tabbar-item-color;\n  cursor: pointer;\n\n  &__icon {\n    margin-bottom: $tabbar-item-margin-bottom;\n    font-size: $tabbar-item-icon-size;\n\n    .#{$component-prefix}icon {\n      display: block;\n    }\n\n    .#{$component-prefix}badge {\n      margin-top: var(--padding-base, $padding-base);\n    }\n  }\n\n  &--active {\n    color: $tabbar-item-active-color;\n    background: $tabbar-item-active-background-color;\n  }\n\n}\n"]}