UNPKG

@vnmfify/core

Version:

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

1 lines 2.95 kB
{"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"]}