@vnmfify/core
Version:
```shell npm i @vnmfify/core -S ```
1 lines • 3.52 kB
Source Map (JSON)
{"version":3,"sources":["index-list/index-list.scss","index-list/_variables.scss","index-list/index-list-anchor.scss"],"names":[],"mappings":"AAGE,6BAME,2BAAA,CAAA,4BAAA,CAGA,cAAA,CAJA,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,6BAAA,CAAA,yBAAA,CAAA,qBAAA,CALA,cAAA,CAEA,OAAA,CAIA,iBAAA,CALA,OAAA,CAMA,qBAAA,CAAA,iBAAA,CAGA,kCAAA,CAAA,8BAAA,CAAA,0BAAA,CADA,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBAAA,CANA,2CAOA,CAGF,2BAGE,oEChByB,CDiBzB,2ECf2B,CDgB3B,0ECjB2B,CDc3B,yFCZuB,CDWvB,iBCb2B,CDmB3B,mCACE,iFCjB0B,CCNhC,4BAQE,6DDM8B,CCZ9B,6BAAA,CAAA,qBAAA,CAKA,uEDGmB,CCNnB,gEDQuB,CCPvB,uEDMyB,CCLzB,gDDOyB,CCVzB,4DDMqB,CCRrB,qCDa8B,CCJ9B,oCAIE,wEDEmC,CCHnC,6EDEwB,CCHxB,MAAA,CADA,ODKmC","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}index-list {\r\n &__sidebar {\r\n position: fixed;\r\n top: 50%;\r\n right: 0;\r\n z-index: $index-list-sidebar-z-index;\r\n display: flex;\r\n flex-direction: column;\r\n text-align: center;\r\n touch-action: none;\r\n cursor: pointer;\r\n user-select: none;\r\n transform: translateY(-50%);\r\n }\r\n\r\n &__index {\r\n position: relative;\r\n padding: $index-list-index-padding;\r\n font-size: $index-list-index-font-size;\r\n font-weight: $index-list-index-font-weight;\r\n line-height: $index-list-index-line-height;\r\n\r\n &--active {\r\n color: $index-list-index-active-color;\r\n }\r\n }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$index-list-sidebar-z-index: var(--index-list-sidebar-z-index, 2);\r\n$index-list-index-font-size: var(--index-list-index-font-size, var(--font-size-xs, $font-size-xs));\r\n$index-list-index-line-height: var(--index-list-index-line-height, var(--line-height-xs, $line-height-xs));\r\n$index-list-index-font-weight: var(--index-list-index-weight-bold, var(--font-weight-bold, $font-weight-bold));\r\n$index-list-index-padding: var(--index-list-index-padding, 0 var(--padding-xs, $padding-xs) 0 var(--padding-md, $padding-md));\r\n$index-list-index-active-color: var(--index-list-index-active-color, var(--danger-color, $danger-color));\r\n\r\n$index-anchor-z-index: var(--index-anchor-z-index, 1);\r\n$index-anchor-padding: var(--index-anchor-padding, 0 var(--padding-md, $padding-md));\r\n$index-anchor-color: var(--index-anchor-color, var(--text-color, $text-color));\r\n$index-anchor-font-weight: var(--index-anchor-font-weight, var(--font-weight-bold, $font-weight-bold));\r\n$index-anchor-font-size: var(--index-anchor-font-size, var(--font-size-md, $font-size-md));\r\n$index-anchor-line-height: var(--index-anchor-line-height, 32px * $hd);\r\n$index-anchor-background-color: var(--index-anchor-background-color, transparent);\r\n$index-anchor-sticky-color: var(--index-anchor-sticky-color, var(--danger-color, $danger-color));\r\n$index-anchor-sticky-background-color: var(--index-anchor-sticky-background-color, var(--white, $white));\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}index-list__anchor {\r\n z-index: $index-anchor-z-index;\r\n box-sizing: border-box;\r\n padding: $index-anchor-padding;\r\n font-size: $index-anchor-font-size;\r\n font-weight: $index-anchor-font-weight;\r\n line-height: $index-anchor-line-height;\r\n color: $index-anchor-color;\r\n background: $index-anchor-background-color;\r\n\r\n &--sticky {\r\n right: 0;\r\n left: 0;\r\n color: $index-anchor-sticky-color;\r\n background: $index-anchor-sticky-background-color;\r\n }\r\n}\r\n"]}