@opentiny/vue-theme 3.29.0 → 3.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/button-group/index.css +1 -1
- package/cascader-node/index.css +1 -1
- package/grid/index.css +1 -1
- package/index.css +1 -1
- package/package.json +1 -1
- package/radio-group/index.css +1 -1
- package/rate/index.css +1 -1
- package/responsive-index.css +1 -0
- package/rich-text/index.css +1 -1
- package/svgs/acceptance.svg +1 -1
- package/tag/index.css +1 -1
- package/token.js +235 -0
package/button-group/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-button-group{--tv-ButtonGroup-border-radius:var(--tv-border-radius-md, 6px);--tv-ButtonGroup-line-height-number:var(--tv-line-height-number, 1.5);--tv-ButtonGroup-item-bg-color:var(--tv-color-bg, #f5f5f5);--tv-ButtonGroup-item-btn-text-color:var(--tv-color-text-secondary, #595959);--tv-ButtonGroup-empty-text-color:var(--tv-color-text-weaken, #808080);--tv-ButtonGroup-item-btn-height:var(--tv-size-height-md, 32px);--tv-ButtonGroup-item-btn-font-size:var(--tv-font-size-default, 14px);--tv-ButtonGroup-item-btn-disabled-bg-color:var(--tv-color-bg-disabled, #f0f0f0);--tv-ButtonGroup-item-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-ButtonGroup-item-btn-hover-bg-color:var(--tv-color-bg-hover-1, #deecff);--tv-ButtonGroup-item-btn-hover-text-color:var(--tv-color-text, #191919);--tv-ButtonGroup-item-btn-plain-text-color:var(--tv-color-text-active, #1476ff);--tv-ButtonGroup-plain-border-color:var(--tv-color-border, #c2c2c2);--tv-ButtonGroup-item-btn-plain-bg-color:var(--tv-color-bg-hover-1, #deecff);--tv-ButtonGroup-item-btn-plain-border-color:var(--tv-color-border-active-control, #1476ff);--tv-ButtonGroup-item-active-bg-color:var(--tv-color-bg-active-control, #1476ff);--tv-ButtonGroup-item-active-disabled-bg-color:var(--tv-color-bg-disabled-control-checked, #dbdbdb);--tv-ButtonGroup-item-active-text-color:var(--tv-color-text-inverse-active, #ffffff);--tv-ButtonGroup-btn-padding-x:24px;--tv-ButtonGroup-item-sup-height:18px;--tv-ButtonGroup-mini-border-radius:var(--tv-border-radius-sm, 4px);--tv-ButtonGroup-item-sup-font-color:var(--tv-color-text-inverse, #ffffff);--tv-ButtonGroup-item-sup-font-size:var(--tv-font-size-default, 14px);--tv-ButtonGroup-medium-size:var(--tv-size-height-lg, 40px);--tv-ButtonGroup-small-size:var(--tv-size-height-sm, 28px);--tv-ButtonGroup-mini-size:var(--tv-size-height-xs, 24px);--tv-ButtonGroup-mini-font-size:var(--tv-font-size-sm, 12px);--tv-ButtonGroup-mini-padding-x:16px;--tv-ButtonGroup-more-item-bg-color-hover:var(--tv-color-bg-hover, #f5f5f5);display:inline-block;vertical-align:middle}.tiny-button-group:after,.tiny-button-group:before{content:'';display:table}.tiny-button-group:after{clear:both}.tiny-button-group--empty{color:var(--tv-ButtonGroup-empty-text-color)}.tiny-button-group .tiny-group-item{display:inline-block;vertical-align:middle}.tiny-button-group .tiny-group-item li{line-height:var(--tv-ButtonGroup-line-height-number);float:left;position:relative}.tiny-button-group .tiny-group-item li button{border:none;display:block;text-align:center;color:var(--tv-ButtonGroup-item-btn-text-color);background:var(--tv-ButtonGroup-item-bg-color);min-width:auto;height:var(--tv-ButtonGroup-item-btn-height);padding:0 var(--tv-ButtonGroup-btn-padding-x);text-decoration:none;font-size:var(--tv-ButtonGroup-item-btn-font-size);cursor:pointer;-webkit-transition:background ease-in .3s,border ease-in .3s;transition:background ease-in .3s,border ease-in .3s;border-radius:var(--tv-ButtonGroup-border-radius)}.tiny-button-group .tiny-group-item li button:focus-visible{outline:2px solid var(--tv-ButtonGroup-item-active-bg-color)}.tiny-button-group .tiny-group-item li button.disabled,.tiny-button-group .tiny-group-item li button[disabled]{background:var(--tv-ButtonGroup-item-btn-disabled-bg-color);border-color:var(--tv-ButtonGroup-item-btn-disabled-border-color);color:var(--tv-ButtonGroup-item-disabled-text-color);cursor:not-allowed;outline:0}.tiny-button-group .tiny-group-item li button.plain{border:1px solid var(--tv-ButtonGroup-plain-border-color)}.tiny-button-group .tiny-group-item li:hover button:not(.disabled){background:var(--tv-ButtonGroup-item-btn-hover-bg-color);color:var(--tv-ButtonGroup-item-btn-hover-text-color)}.tiny-button-group .tiny-group-item li:hover button:not(.disabled).plain{color:var(--tv-ButtonGroup-item-btn-plain-text-color);background-color:var(--tv-ButtonGroup-item-btn-plain-bg-color);border-color:var(--tv-ButtonGroup-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled).plain{color:var(--tv-ButtonGroup-item-btn-plain-text-color);background-color:var(--tv-ButtonGroup-item-btn-plain-bg-color);border-color:var(--tv-ButtonGroup-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li.active button.disabled{background:var(--tv-ButtonGroup-item-active-disabled-bg-color)}.tiny-button-group .tiny-group-item li.active button:not(.disabled){background:var(--tv-ButtonGroup-item-active-bg-color);color:var(--tv-ButtonGroup-item-active-text-color)}.tiny-button-group .tiny-group-item li.active button:not(.disabled).plain{color:var(--tv-ButtonGroup-item-btn-plain-text-color);background-color:var(--tv-ButtonGroup-item-btn-plain-bg-color);border-color:var(--tv-ButtonGroup-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li:not(:last-child){margin-right:2px;margin-bottom:2px}.tiny-button-group .tiny-group-item__sup{position:absolute;min-width:var(--tv-ButtonGroup-item-sup-height);height:var(--tv-ButtonGroup-item-sup-height);top:0;color:var(--tv-ButtonGroup-item-sup-font-color);right:0;font-size:var(--tv-ButtonGroup-item-btn-font-size);line-height:var(--tv-ButtonGroup-item-sup-height);text-align:center;background-color:#fa9841}.tiny-button-group .tiny-group-item__sup .tiny-svg{vertical-align:unset}.tiny-button-group .tiny-group-item__sup-icon{background-color:#fa9841;border-radius:2px;fill:#fff}.tiny-button-group .tiny-group-item__sup-text{background-color:#fa9841;padding:0 4px;border-top-left-radius:4px;border-bottom-right-radius:4px}.tiny-button-group .tiny-group-item .sup-tag{background-color:unset}.tiny-button-group.tiny-button-group--medium ul li button{height:var(--tv-ButtonGroup-medium-size)}.tiny-button-group.tiny-button-group--small ul li button{height:var(--tv-ButtonGroup-small-size)}.tiny-button-group.tiny-button-group--mini li button{font-size:var(--tv-ButtonGroup-mini-font-size);padding:0 var(--tv-ButtonGroup-mini-padding-x);height:var(--tv-ButtonGroup-mini-size);border-radius:var(--tv-ButtonGroup-mini-border-radius)}.tiny-group-item__more-popover{--tv-ButtonGroup-border-radius:var(--tv-border-radius-md, 6px);--tv-ButtonGroup-line-height-number:var(--tv-line-height-number, 1.5);--tv-ButtonGroup-item-bg-color:var(--tv-color-bg, #f5f5f5);--tv-ButtonGroup-item-btn-text-color:var(--tv-color-text-secondary, #595959);--tv-ButtonGroup-empty-text-color:var(--tv-color-text-weaken, #808080);--tv-ButtonGroup-item-btn-height:var(--tv-size-height-md, 32px);--tv-ButtonGroup-item-btn-font-size:var(--tv-font-size-default, 14px);--tv-ButtonGroup-item-btn-disabled-bg-color:var(--tv-color-bg-disabled, #f0f0f0);--tv-ButtonGroup-item-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-ButtonGroup-item-btn-hover-bg-color:var(--tv-color-bg-hover-1, #deecff);--tv-ButtonGroup-item-btn-hover-text-color:var(--tv-color-text, #191919);--tv-ButtonGroup-item-btn-plain-text-color:var(--tv-color-text-active, #1476ff);--tv-ButtonGroup-plain-border-color:var(--tv-color-border, #c2c2c2);--tv-ButtonGroup-item-btn-plain-bg-color:var(--tv-color-bg-hover-1, #deecff);--tv-ButtonGroup-item-btn-plain-border-color:var(--tv-color-border-active-control, #1476ff);--tv-ButtonGroup-item-active-bg-color:var(--tv-color-bg-active-control, #1476ff);--tv-ButtonGroup-item-active-disabled-bg-color:var(--tv-color-bg-disabled-control-checked, #dbdbdb);--tv-ButtonGroup-item-active-text-color:var(--tv-color-text-inverse-active, #ffffff);--tv-ButtonGroup-btn-padding-x:24px;--tv-ButtonGroup-item-sup-height:18px;--tv-ButtonGroup-mini-border-radius:var(--tv-border-radius-sm, 4px);--tv-ButtonGroup-item-sup-font-color:var(--tv-color-text-inverse, #ffffff);--tv-ButtonGroup-item-sup-font-size:var(--tv-font-size-default, 14px);--tv-ButtonGroup-medium-size:var(--tv-size-height-lg, 40px);--tv-ButtonGroup-small-size:var(--tv-size-height-sm, 28px);--tv-ButtonGroup-mini-size:var(--tv-size-height-xs, 24px);--tv-ButtonGroup-mini-font-size:var(--tv-font-size-sm, 12px);--tv-ButtonGroup-mini-padding-x:16px;--tv-ButtonGroup-more-item-bg-color-hover:var(--tv-color-bg-hover, #f5f5f5)}.tiny-group-item__more-popover.tiny-popper{padding:6px 0}.tiny-group-item__more-popover .more-list .more-item{padding:6px 16px;cursor:pointer}.tiny-group-item__more-popover .more-list .more-item:hover{background:var(--tv-ButtonGroup-more-item-bg-color-hover)}.tiny-button-group--merged .tiny-group-item li:first-child>button{border-top-left-radius:var(--tv-ButtonGroup-border-radius);border-bottom-left-radius:var(--tv-ButtonGroup-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.tiny-button-group--merged .tiny-group-item li:last-child>button{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--tv-ButtonGroup-border-radius);border-bottom-right-radius:var(--tv-ButtonGroup-border-radius)}.tiny-button-group--merged .tiny-group-item li>button{border-radius:0}
|
|
1
|
+
.tiny-button-group{--tv-ButtonGroup-border-radius:var(--tv-border-radius-md, 6px);--tv-ButtonGroup-line-height-number:var(--tv-line-height-number, 1.5);--tv-ButtonGroup-item-bg-color:var(--tv-color-bg, #f5f5f5);--tv-ButtonGroup-item-btn-text-color:var(--tv-color-text-secondary, #595959);--tv-ButtonGroup-empty-text-color:var(--tv-color-text-weaken, #808080);--tv-ButtonGroup-item-btn-height:var(--tv-size-height-md, 32px);--tv-ButtonGroup-item-btn-font-size:var(--tv-font-size-default, 14px);--tv-ButtonGroup-item-btn-disabled-bg-color:var(--tv-color-bg-disabled, #f0f0f0);--tv-ButtonGroup-item-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-ButtonGroup-item-btn-hover-bg-color:var(--tv-color-bg-hover-1, #deecff);--tv-ButtonGroup-item-btn-hover-text-color:var(--tv-color-text, #191919);--tv-ButtonGroup-item-btn-plain-text-color:var(--tv-color-text-active, #1476ff);--tv-ButtonGroup-plain-border-color:var(--tv-color-border, #c2c2c2);--tv-ButtonGroup-item-btn-plain-bg-color:var(--tv-color-bg-hover-1, #deecff);--tv-ButtonGroup-item-btn-plain-border-color:var(--tv-color-border-active-control, #1476ff);--tv-ButtonGroup-item-active-bg-color:var(--tv-color-bg-active-control, #1476ff);--tv-ButtonGroup-item-active-disabled-bg-color:var(--tv-color-bg-disabled-control-checked, #dbdbdb);--tv-ButtonGroup-item-active-text-color:var(--tv-color-text-inverse-active, #ffffff);--tv-ButtonGroup-btn-padding-x:24px;--tv-ButtonGroup-item-sup-height:18px;--tv-ButtonGroup-mini-border-radius:var(--tv-border-radius-sm, 4px);--tv-ButtonGroup-item-sup-font-color:var(--tv-color-text-inverse, #ffffff);--tv-ButtonGroup-item-sup-font-size:var(--tv-font-size-default, 14px);--tv-ButtonGroup-medium-size:var(--tv-size-height-lg, 40px);--tv-ButtonGroup-small-size:var(--tv-size-height-sm, 28px);--tv-ButtonGroup-mini-size:var(--tv-size-height-xs, 24px);--tv-ButtonGroup-mini-font-size:var(--tv-font-size-sm, 12px);--tv-ButtonGroup-mini-padding-x:var(--tv-space-xl, 16px);--tv-ButtonGroup-more-item-bg-color-hover:var(--tv-color-bg-hover, #f5f5f5);display:inline-block;vertical-align:middle}.tiny-button-group:after,.tiny-button-group:before{content:'';display:table}.tiny-button-group:after{clear:both}.tiny-button-group--empty{color:var(--tv-ButtonGroup-empty-text-color)}.tiny-button-group .tiny-group-item{display:inline-block;vertical-align:middle}.tiny-button-group .tiny-group-item li{line-height:var(--tv-ButtonGroup-line-height-number);float:left;position:relative}.tiny-button-group .tiny-group-item li button{border:none;display:block;text-align:center;color:var(--tv-ButtonGroup-item-btn-text-color);background:var(--tv-ButtonGroup-item-bg-color);min-width:auto;height:var(--tv-ButtonGroup-item-btn-height);padding:0 var(--tv-ButtonGroup-btn-padding-x);text-decoration:none;font-size:var(--tv-ButtonGroup-item-btn-font-size);cursor:pointer;-webkit-transition:background ease-in .3s,border ease-in .3s;transition:background ease-in .3s,border ease-in .3s;border-radius:var(--tv-ButtonGroup-border-radius)}.tiny-button-group .tiny-group-item li button:focus-visible{outline:2px solid var(--tv-ButtonGroup-item-active-bg-color)}.tiny-button-group .tiny-group-item li button.disabled,.tiny-button-group .tiny-group-item li button[disabled]{background:var(--tv-ButtonGroup-item-btn-disabled-bg-color);border-color:var(--tv-ButtonGroup-item-btn-disabled-border-color);color:var(--tv-ButtonGroup-item-disabled-text-color);cursor:not-allowed;outline:0}.tiny-button-group .tiny-group-item li button.plain{border:1px solid var(--tv-ButtonGroup-plain-border-color)}.tiny-button-group .tiny-group-item li:hover button:not(.disabled){background:var(--tv-ButtonGroup-item-btn-hover-bg-color);color:var(--tv-ButtonGroup-item-btn-hover-text-color)}.tiny-button-group .tiny-group-item li:hover button:not(.disabled).plain{color:var(--tv-ButtonGroup-item-btn-plain-text-color);background-color:var(--tv-ButtonGroup-item-btn-plain-bg-color);border-color:var(--tv-ButtonGroup-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled).plain{color:var(--tv-ButtonGroup-item-btn-plain-text-color);background-color:var(--tv-ButtonGroup-item-btn-plain-bg-color);border-color:var(--tv-ButtonGroup-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li.active button.disabled{background:var(--tv-ButtonGroup-item-active-disabled-bg-color)}.tiny-button-group .tiny-group-item li.active button:not(.disabled){background:var(--tv-ButtonGroup-item-active-bg-color);color:var(--tv-ButtonGroup-item-active-text-color)}.tiny-button-group .tiny-group-item li.active button:not(.disabled).plain{color:var(--tv-ButtonGroup-item-btn-plain-text-color);background-color:var(--tv-ButtonGroup-item-btn-plain-bg-color);border-color:var(--tv-ButtonGroup-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li:not(:last-child){margin-right:2px;margin-bottom:2px}.tiny-button-group .tiny-group-item__sup{position:absolute;min-width:var(--tv-ButtonGroup-item-sup-height);height:var(--tv-ButtonGroup-item-sup-height);top:0;color:var(--tv-ButtonGroup-item-sup-font-color);right:0;font-size:var(--tv-ButtonGroup-item-btn-font-size);line-height:var(--tv-ButtonGroup-item-sup-height);text-align:center;background-color:#fa9841}.tiny-button-group .tiny-group-item__sup .tiny-svg{vertical-align:unset}.tiny-button-group .tiny-group-item__sup-icon{background-color:#fa9841;border-radius:2px;fill:#fff}.tiny-button-group .tiny-group-item__sup-text{background-color:#fa9841;padding:0 4px;border-top-left-radius:4px;border-bottom-right-radius:4px}.tiny-button-group .tiny-group-item .sup-tag{background-color:unset}.tiny-button-group.tiny-button-group--medium ul li button{height:var(--tv-ButtonGroup-medium-size)}.tiny-button-group.tiny-button-group--small ul li button{height:var(--tv-ButtonGroup-small-size)}.tiny-button-group.tiny-button-group--mini li button{font-size:var(--tv-ButtonGroup-mini-font-size);padding:0 var(--tv-ButtonGroup-mini-padding-x);height:var(--tv-ButtonGroup-mini-size);border-radius:var(--tv-ButtonGroup-mini-border-radius)}.tiny-group-item__more-popover{--tv-ButtonGroup-border-radius:var(--tv-border-radius-md, 6px);--tv-ButtonGroup-line-height-number:var(--tv-line-height-number, 1.5);--tv-ButtonGroup-item-bg-color:var(--tv-color-bg, #f5f5f5);--tv-ButtonGroup-item-btn-text-color:var(--tv-color-text-secondary, #595959);--tv-ButtonGroup-empty-text-color:var(--tv-color-text-weaken, #808080);--tv-ButtonGroup-item-btn-height:var(--tv-size-height-md, 32px);--tv-ButtonGroup-item-btn-font-size:var(--tv-font-size-default, 14px);--tv-ButtonGroup-item-btn-disabled-bg-color:var(--tv-color-bg-disabled, #f0f0f0);--tv-ButtonGroup-item-disabled-text-color:var(--tv-color-text-disabled, #c2c2c2);--tv-ButtonGroup-item-btn-hover-bg-color:var(--tv-color-bg-hover-1, #deecff);--tv-ButtonGroup-item-btn-hover-text-color:var(--tv-color-text, #191919);--tv-ButtonGroup-item-btn-plain-text-color:var(--tv-color-text-active, #1476ff);--tv-ButtonGroup-plain-border-color:var(--tv-color-border, #c2c2c2);--tv-ButtonGroup-item-btn-plain-bg-color:var(--tv-color-bg-hover-1, #deecff);--tv-ButtonGroup-item-btn-plain-border-color:var(--tv-color-border-active-control, #1476ff);--tv-ButtonGroup-item-active-bg-color:var(--tv-color-bg-active-control, #1476ff);--tv-ButtonGroup-item-active-disabled-bg-color:var(--tv-color-bg-disabled-control-checked, #dbdbdb);--tv-ButtonGroup-item-active-text-color:var(--tv-color-text-inverse-active, #ffffff);--tv-ButtonGroup-btn-padding-x:24px;--tv-ButtonGroup-item-sup-height:18px;--tv-ButtonGroup-mini-border-radius:var(--tv-border-radius-sm, 4px);--tv-ButtonGroup-item-sup-font-color:var(--tv-color-text-inverse, #ffffff);--tv-ButtonGroup-item-sup-font-size:var(--tv-font-size-default, 14px);--tv-ButtonGroup-medium-size:var(--tv-size-height-lg, 40px);--tv-ButtonGroup-small-size:var(--tv-size-height-sm, 28px);--tv-ButtonGroup-mini-size:var(--tv-size-height-xs, 24px);--tv-ButtonGroup-mini-font-size:var(--tv-font-size-sm, 12px);--tv-ButtonGroup-mini-padding-x:var(--tv-space-xl, 16px);--tv-ButtonGroup-more-item-bg-color-hover:var(--tv-color-bg-hover, #f5f5f5)}.tiny-group-item__more-popover.tiny-popper{padding:6px 0}.tiny-group-item__more-popover .more-list .more-item{padding:6px 16px;cursor:pointer}.tiny-group-item__more-popover .more-list .more-item:hover{background:var(--tv-ButtonGroup-more-item-bg-color-hover)}.tiny-button-group--merged .tiny-group-item li:first-child>button{border-top-left-radius:var(--tv-ButtonGroup-border-radius);border-bottom-left-radius:var(--tv-ButtonGroup-border-radius);border-top-right-radius:0;border-bottom-right-radius:0}.tiny-button-group--merged .tiny-group-item li:last-child>button{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--tv-ButtonGroup-border-radius);border-bottom-right-radius:var(--tv-ButtonGroup-border-radius)}.tiny-button-group--merged .tiny-group-item li>button{border-radius:0}
|
package/cascader-node/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.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)!important}.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)}
|
|
1
|
+
.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);--tv-CascaderNode-responsive-radio-margin-right:var(--tv-space-md, 8px);--tv-CascaderNode-responsive-selectable-text-color:var(--tv-color-text-active, #1476ff);--tv-CascaderNode-responsive-selectable-icon-color:var(--tv-color-icon-link, #1476ff)}.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)!important}.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)}
|