UNPKG

@vnmfify/core

Version:

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

1 lines 3.72 kB
{"version":3,"sources":["tree-select/tree-select.scss","tree-select/_variables.scss","tree-select/tree-select-option.scss","tree-select/tree-select-tab.scss"],"names":[],"mappings":"AAEA,qBAEE,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,+DCFsB,CDAtB,iBAAA,CAGA,wBAAA,CAAA,qBAAA,CAAA,oBAAA,CAAA,gBAAA,CAEA,8BACE,kBAAA,CAGA,gCAAA,CADA,oGCPmC,CDKnC,cAAA,CAAA,UAAA,CAAA,MAAA,CACA,eAEA,CAGF,8BACE,kBAAA,CAGA,gCAAA,CADA,wECbmC,CDWnC,cAAA,CAAA,UAAA,CAAA,MAAA,CACA,eAEA,CEjBJ,4BAKE,cAAA,CAFA,6EDK+B,CCJ/B,sDDK+B,CCP/B,yEDK2B,CCN3B,iBAIA,CAEA,oCACE,mFDE8B,CAAA,sECK5B,8DDDqC,CCArC,2CAAA,CAHA,iBAAA,CAEA,wEAAA,CADA,ODEqC,CCKzC,mCACE,sGDTyC,CCY3C,sCACE,oEDZgC,CCahC,kBAAA,CAEA,6CACE,wBAAA,CC5BN,yBACE,kEFIwB","file":"index.css","sourcesContent":["@import \"./variables\";\r\n\r\n.#{$component-prefix}tree-select {\r\n position: relative;\r\n display: flex;\r\n font-size: $tree-select-font-size;\r\n user-select: none;\r\n\r\n &__sidebar {\r\n flex: 1;\r\n overflow-y: auto;\r\n background: $tree-select-sidebar-background-color;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n\r\n &__content {\r\n flex: 2;\r\n overflow-y: auto;\r\n background: $tree-select-content-background-color;\r\n -webkit-overflow-scrolling: touch;\r\n }\r\n}\r\n","@import \"../styles/prefix\";\r\n@import \"../styles/variables\";\r\n\r\n$tree-select-font-size: var(--tree-select-font-size, var(--font-size-md, $font-size-md));\r\n$tree-select-sidebar-background-color: var(--tree-select-sidebar-background-color, var(--background-color, $background-color));\r\n$tree-select-content-background-color: var(--tree-select-content-background-color, var(--white, $white));\r\n\r\n$tree-select-tab-padding: var(--tree-select-tab-padding, 14px * $hd var(--padding-sm, $padding-sm));\r\n\r\n$tree-select-option-padding: var(--tree-select-option-padding, 0 32px * $hd 0 var(--padding-md, $padding-md));\r\n$tree-select-option-font-weight: var(--tree-select-option-font-weight, var(--font-weight-bold, $font-weight-bold));\r\n$tree-select-option-line-height: var(--tree-select-option-line-height, 48px * $hd);\r\n$tree-select-option-active-color: var(--tree-select-option-active-color, var(--danger-color, $danger-color));\r\n$tree-select-option-active-background-color: var(--tree-select-option-active-background-color, var(--active-color, $active-color));\r\n$tree-select-option-disabled-color: var(--tree-select-option-disabled-color, var(--gray-5, $gray-5));\r\n$tree-select-option-icon-active-right: var(--tree-select-option-icon-active-right, var(--padding-md, $padding-md));\r\n$tree-select-option-icon-active-font-size: var(--tree-select-option-icon-active-font-size, 16px * $hd);\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}tree-select-option {\r\n position: relative;\r\n padding: $tree-select-option-padding;\r\n font-weight: $tree-select-option-font-weight;\r\n line-height: $tree-select-option-line-height;\r\n cursor: pointer;\r\n\r\n &--active {\r\n color: $tree-select-option-active-color;\r\n\r\n .#{$component-prefix}tree-select-option__icon {\r\n position: absolute;\r\n top: 50%;\r\n right: $tree-select-option-icon-active-right;\r\n margin-top: calc(var(--padding-xs, #{$padding-xs}) * -1);\r\n font-size: $tree-select-option-icon-active-font-size;\r\n }\r\n }\r\n\r\n &:active {\r\n background: $tree-select-option-active-background-color;\r\n }\r\n\r\n &--disabled {\r\n color: $tree-select-option-disabled-color;\r\n cursor: not-allowed;\r\n\r\n &:active {\r\n background: transparent;\r\n }\r\n }\r\n}\r\n","@import \"./variables\";\r\n\r\n.#{$component-prefix}tree-select-tab {\r\n padding: $tree-select-tab-padding;\r\n}\r\n"]}