{"version":3,"sources":["navbar/navbar.scss","navbar/_variables.scss"],"names":[],"mappings":"AAEA,gBAME,2DCFwB,CDDxB,gEAAA,CAFA,iBAAA,CAGA,iBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBAAA,CAHA,+BCEwB,CDIxB,8BACE,kDCFgB,CDKlB,yBAGE,wBAAA,CAAA,qBAAA,CAAA,0BAAA,CAAA,kBAAA,CADA,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CAEA,gCCdY,CDWZ,iBCXY,CDiBd,sBAEE,2CCfoB,CDcpB,oECdoB,CDkBtB,uBAKE,uEClBiB,CDgBjB,gEClBqB,CDmBrB,uEClBuB,CDgBvB,aAAA,CADA,aCdiB,CDqBnB,6CAME,wBAAA,CAAA,qBAAA,CAAA,0BAAA,CAAA,kBAAA,CAFA,QAAA,CAKA,cAAA,CAJA,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CAGA,kCAAA,CADA,gCAAA,CALA,iBAAA,CACA,KAMA,CAEA,2DACE,gCAAA,CAIJ,sBACE,MAAA,CAGF,uBACE,OAAA,CAGF,sBACE,kDCjDgB","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}navbar {\r\n  position: relative;\r\n  z-index: $navbar-z-index;\r\n  line-height: $navbar-line-height;\r\n  text-align: center;\r\n  user-select: none;\r\n  background: $navbar-background-color;\r\n\r\n  .#{$component-prefix}icon {\r\n    color: $navbar-icon-color;\r\n  }\r\n\r\n  &__content {\r\n    position: relative;\r\n    display: flex;\r\n    align-items: center;\r\n    height: $navbar-height;\r\n  }\r\n\r\n  &__icon {\r\n    margin-right: $navbar-icon-margin-right;\r\n    font-size: $navbar-icon-font-size;\r\n  }\r\n\r\n  &__title {\r\n    max-width: 60%;\r\n    margin: 0 auto;\r\n    font-size: $navbar-title-font-size;\r\n    font-weight: $navbar-title-font-weight;\r\n    color: $navbar-title-color;\r\n  }\r\n\r\n  &__left,\r\n  &__right {\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 0 var(--padding-md, $padding-md);\r\n    font-size: var(--font-size-md, $font-size-md);\r\n    cursor: pointer;\r\n\r\n    &:active {\r\n      opacity: var(--active-opacity, $active-opacity);\r\n    }\r\n  }\r\n\r\n  &__left {\r\n    left: 0;\r\n  }\r\n\r\n  &__right {\r\n    right: 0;\r\n  }\r\n\r\n  &__text {\r\n    color: $navbar-text-color;\r\n  }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$navbar-z-index: var(--navbar-z-index, 1);\r\n$navbar-height: var(--navbar-height, 46px * $hd);\r\n$navbar-line-height: var(--navbar-line-height, var(--line-height-lg, $line-height-lg));\r\n$navbar-background-color: var(--navbar-background-color, var(--white, $white));\r\n$navbar-icon-margin-right: var(--navbar-icon-margin-right, var(--padding-base, $padding-base));\r\n$navbar-icon-font-size: var(--navbar-icon-font-size, 16px * $hd);\r\n$navbar-icon-color: var(--navbar-icon-color, var(--blue, $blue));\r\n$navbar-text-color: var(--navbar-text-color, var(--blue, $blue));\r\n$navbar-title-font-size: var(--navbar-title-font-size, var(--font-size-lg, $font-size-lg));\r\n$navbar-title-font-weight: var(--navbar-title-font-weight, var(--font-weight-bold, $font-weight-bold));\r\n$navbar-title-color: var(--navbar-title-color, var(--text-color, $text-color));\r\n"]}