UNPKG

@vnmfify/core

Version:

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

1 lines 4.13 kB
{"version":3,"sources":["sidebar/sidebar.scss","sidebar/_variables.scss","sidebar/sidebar-tab.scss"],"names":[],"mappings":"AAEA,iBAGE,gCAAA,CADA,eAAA,CADA,qDAEA,CAEA,wCACE,uBAAA,CAGF,2BACE,yDCRqB,CDSrB,kBAAA,CAEA,kCACE,8DCZmB,CCFzB,qBAWE,4FDH6B,CCN7B,6BAAA,CAAA,qBAAA,CAMA,sEDFkB,CCGlB,cAAA,CANA,aAAA,CAGA,+DDFsB,CCGtB,qEDFwB,CCAxB,eAAA,CADA,8DDGoB,CCNpB,iBAAA,CASA,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBDF6B,CCK7B,4BACE,+FDLkC,CCQpC,+BAEE,oBAAA,CAGF,6BAEE,yEDbuB,CCYvB,6EDZuB,CCevB,iEAEE,0EDZuC,CCezC,oCAOE,gEDxB4B,CCuB5B,UAAA,CADA,+CDvB6B,CCqB7B,MAAA,CAFA,iBAAA,CACA,OAAA,CAMA,kCAAA,CAAA,8BAAA,CAAA,0BAAA,CAJA,4CAIA,CAIJ,+BACE,2FD1ByB,CC2BzB,kBAAA,CAEA,sCACE,yID7BkC","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}sidebar {\r\n width: var(--sidebar-width, $sidebar-width);\r\n overflow-y: auto;\r\n -webkit-overflow-scrolling: touch;\r\n\r\n &:not(:last-child)::after {\r\n border-bottom-width: 1px;\r\n }\r\n\r\n &--disabled {\r\n color: $sidebar-disabled-color;\r\n cursor: not-allowed;\r\n\r\n &:active {\r\n background: $sidebar-disabled-color;\r\n }\r\n }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$sidebar-width: var(--sidebar-width, 80px * $hd);\r\n$sidebar-disabled-color: var(--sidebar-disabled-color, var(--gray-5, $gray-5));\r\n\r\n$sidebar-tab-font-size: var(--sidebar-tab-font-size, var(--font-size-md, $font-size-md));\r\n$sidebar-tab-line-height: var(--sidebar-tab-line-height, var(--line-height-md, $line-height-md));\r\n$sidebar-tab-color: var(--sidebar-tab-color, var(--text-color, $text-color));\r\n$sidebar-tab-padding: var(--sidebar-tab-padding, 20px * $hd var(--padding-sm, $padding-sm));\r\n$sidebar-tab-background-color: var(--sidebar-tab-background-color, var(--background-color, $background-color));\r\n$sidebar-tab-active-background-color: var(--sidebar-tab-active-background-color, var(--active-color, $active-color));\r\n$sidebar-tab-active-font-weight: var(--sidebar-tab-active-font-weight, var(--font-weight-bold, $font-weight-bold));\r\n$sidebar-tab-active-color: var(--sidebar-active-color, var(--text-color, $text-color));\r\n$sidebar-tab-active-border-width: var(--sidebar-active-border-width, 4px * $hd);\r\n$sidebar-tab-active-border-height: var(--sidebar-active-border-height, 16px * $hd);\r\n$sidebar-tab-active-border-color: var(--sidebar-active-border-color, var(--red, $red));\r\n\r\n$sidebar-tab-active-active-background-color: var(--sidebar-active-active-background-color, var(--white, $white));\r\n\r\n$sidebar-tab-disabled-color: var(--sidebar-tab-disabled-color, $sidebar-disabled-color);\r\n$sidebar-tab-disabled-background-color: var(--sidebar-tab-disabled-background-color, $sidebar-tab-background-color);\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}sidebar-tab {\r\n position: relative;\r\n box-sizing: border-box;\r\n display: block;\r\n padding: $sidebar-tab-padding;\r\n overflow: hidden;\r\n font-size: $sidebar-tab-font-size;\r\n line-height: $sidebar-tab-line-height;\r\n color: $sidebar-tab-color;\r\n cursor: pointer;\r\n user-select: none;\r\n background: $sidebar-tab-background-color;\r\n\r\n &:active {\r\n background: $sidebar-tab-active-background-color;\r\n }\r\n\r\n &__children {\r\n // https://github.com/youzan/vant/issues/7455\r\n word-break: break-all;\r\n }\r\n\r\n &--active {\r\n font-weight: $sidebar-tab-active-font-weight;\r\n color: $sidebar-tab-active-color;\r\n\r\n &,\r\n &:active {\r\n background: $sidebar-tab-active-active-background-color;\r\n }\r\n\r\n &::before {\r\n position: absolute;\r\n top: 50%;\r\n left: 0;\r\n width: $sidebar-tab-active-border-width;\r\n height: $sidebar-tab-active-border-height;\r\n content: '';\r\n background: $sidebar-tab-active-border-color;\r\n transform: translateY(-50%);\r\n }\r\n }\r\n\r\n &--disabled {\r\n color: $sidebar-tab-disabled-color;\r\n cursor: not-allowed;\r\n\r\n &:active {\r\n background: $sidebar-tab-disabled-background-color;\r\n }\r\n }\r\n}\r\n"]}