@opentiny/vue-theme
Version:
An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.
1 lines • 4.06 kB
CSS
.tiny-cascader-node{--tv-CascaderNode-hover-bg-color:var(--tv-color-bg-hover, #f5f5f5);--tv-CascaderNode-hover-text-color:var(--tv-color-text, #191919);--tv-CascaderNode-text-color:var(--tv-color-text, #191919);--tv-CascaderNode-selectable-hover-bg-color:var(--tv-color-bg, #f5f5f5);--tv-CascaderNode-selectable-text-color:var(--tv-color-text-active, #1476ff);--tv-CascaderNode-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-CascaderNode-disabled-bg-color:var(--tv-color-bg-disabled, #f0f0f0);--tv-CascaderNode-icon-size:var(--tv-font-size-sm, 12px);--tv-CascaderNode-icon-color:var(--tv-color-icon, #808080);--tv-CascaderNode-disabled-icon-color:var(--tv-color-icon-disabled, #c2c2c2);--tv-CascaderNode-active-icon-color:var(--tv-color-icon-hover, #191919);--tv-CascaderNode-prefix-display:none;--tv-CascaderNode-label-padding-y:0;--tv-CascaderNode-label-padding-x:0;--tv-CascaderNode-radio-margin-right:var(--tv-space-sm, 4px);--tv-CascaderNode-selectable-active-bg-color:var(--tv-color-bg-secondary, #ffffff);--tv-CascaderNode-postfix-right:var(--tv-space-xl, 16px);--tv-CascaderNode-label-max-width:107px;--tv-CascaderNode-active-font-weight:var(--tv-font-weight-bold, 600)}.tiny-cascader-node.is-selectable.in-active-path{color:var(--tv-CascaderNode-text-color)}.tiny-cascader-node.in-active-path,.tiny-cascader-node.is-active{background:var(--tv-CascaderNode-selectable-active-bg-color);color:var(--tv-CascaderNode-selectable-text-color)}.tiny-cascader-node.in-active-path:hover,.tiny-cascader-node.is-active:hover{background:var(--tv-CascaderNode-hover-bg-color)}.tiny-cascader-node.in-active-path:hover{background:var(--tv-CascaderNode-hover-bg-color)}.tiny-cascader-node:not(.is-disabled):not(.in-active-path):not(.is-active):focus,.tiny-cascader-node:not(.is-disabled):not(.in-active-path):not(.is-active):hover{background:var(--tv-CascaderNode-hover-bg-color);color:var(--tv-CascaderNode-hover-text-color)}.tiny-cascader-node:not(.is-disabled){cursor:pointer}.tiny-cascader-node.is-disabled{color:var(--tv-CascaderNode-disabled-text-color);fill:var(--tv-CascaderNode-disabled-text-color);cursor:not-allowed}.tiny-cascader-node.is-disabled .tiny-cascader-node__postfix,.tiny-cascader-node.is-disabled .tiny-cascader-node__prefix{fill:var(--tv-CascaderNode-disabled-icon-color)}.tiny-cascader-node__postfix,.tiny-cascader-node__prefix{font-size:var(--tv-CascaderNode-icon-size);fill:var(--tv-CascaderNode-icon-color)}.tiny-cascader-node.in-active-path .tiny-cascader-node__postfix,.tiny-cascader-node.is-active .tiny-cascader-node__postfix{fill:var(--tv-CascaderNode-active-icon-color)}.tiny-cascader-node.in-active-path .tiny-cascader-node__label,.tiny-cascader-node.is-active .tiny-cascader-node__label{font-weight:var(--tv-CascaderNode-active-font-weight)}.tiny-cascader-node.in-active-path .tiny-cascader-node__label svg,.tiny-cascader-node.is-active .tiny-cascader-node__label svg{fill:var(--tv-CascaderNode-active-icon-color)}.tiny-cascader-node__prefix{position:absolute;left:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:var(--tv-CascaderNode-prefix-display)}.tiny-cascader-node__postfix{position:absolute;top:50%;right:var(--tv-CascaderNode-postfix-right);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-cascader-node__label{max-width:var(--tv-CascaderNode-label-max-width);-webkit-box-flex:1;-ms-flex:1;flex:1;padding:var(--tv-CascaderNode-label-padding-y) var(--tv-CascaderNode-label-padding-x);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-cascader-node__label svg{font-size:var(--tv-CascaderNode-icon-size);fill:var(--tv-CascaderNode-icon-color)}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader-node__label{-ms-flex-preferred-size:auto;flex-basis:auto}}.tiny-cascader-node>.tiny-radio{margin-right:var(--tv-CascaderNode-radio-margin-right)}.tiny-cascader-node>.tiny-radio .tiny-radio__label{padding-left:0}.tiny-cascader-node>.tiny-checkbox{margin-right:var(--tv-CascaderNode-radio-margin-right)}