@opentiny/vue-theme 3.6.2 → 3.6.7
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/alert/index.css +1 -1
- package/autocomplete/index.css +1 -1
- package/badge/index.css +1 -1
- package/base/index.css +1 -1
- package/breadcrumb/index.css +1 -1
- package/bulletin-board/index.css +1 -1
- package/button/index.css +1 -1
- package/button-group/index.css +1 -1
- package/calendar/index.css +1 -1
- package/card-item/index.css +1 -1
- package/card-layout/index.css +1 -1
- package/card-template/index.css +1 -1
- package/carousel/index.css +1 -1
- package/carousel-item/index.css +1 -1
- package/cascader/index.css +1 -1
- package/cascader-menu/index.css +1 -1
- package/cascader-node/index.css +1 -1
- package/cascader-panel/index.css +1 -1
- package/checkbox/index.css +1 -1
- package/checkbox-button/index.css +1 -1
- package/checkbox-group/index.css +1 -1
- package/collapse/index.css +1 -1
- package/collapse-item/index.css +1 -1
- package/crop/index.css +1 -1
- package/date-panel/index.css +1 -0
- package/date-picker/index.css +1 -0
- package/date-range/index.css +1 -0
- package/date-table/index.css +1 -0
- package/dept/index.css +1 -1
- package/detail-page/index.css +1 -1
- package/dialog-box/index.css +1 -1
- package/dropdown-item/index.css +1 -1
- package/error-page/index.css +1 -1
- package/fall-menu/index.css +1 -1
- package/floatbar/index.css +1 -1
- package/form-item/index.css +1 -1
- package/grid/index.css +1 -1
- package/hrapprover/index.css +1 -1
- package/image-viewer/index.css +1 -1
- package/index.css +1 -1
- package/input/index.css +1 -1
- package/ip-address/index.css +1 -1
- package/link/index.css +1 -1
- package/link-menu/index.css +1 -1
- package/lowcode.css +1 -1
- package/menubar/index.css +1 -1
- package/milestone/index.css +1 -1
- package/modal/index.css +1 -1
- package/month-range/index.css +0 -0
- package/month-table/index.css +1 -0
- package/nav-menu/index.css +1 -1
- package/notify/index.css +1 -1
- package/numeric/index.css +1 -1
- package/option/index.css +1 -1
- package/option-group/index.css +1 -1
- package/package.json +5 -3
- package/pager/index.css +1 -1
- package/picker/index.css +1 -1
- package/pop-upload/index.css +1 -1
- package/popeditor/index.css +1 -1
- package/popover/index.css +1 -1
- package/progress/index.css +1 -1
- package/radio/index.css +1 -1
- package/radio-button/index.css +1 -1
- package/roles/index.css +1 -1
- package/scroll-text/index.css +1 -1
- package/search/index.css +1 -1
- package/select/index.css +1 -1
- package/select-dropdown/index.css +1 -1
- package/selector/index.css +1 -1
- package/slide-bar/index.css +1 -1
- package/slider/index.css +1 -1
- package/split/index.css +1 -1
- package/steps/index.css +1 -1
- package/switch/index.css +1 -1
- package/table/index.css +1 -1
- package/tabs/index.css +1 -1
- package/tag/index.css +1 -1
- package/tall-storage/index.css +1 -1
- package/text-popup/index.css +1 -1
- package/theme/deep-theme/index.js +13 -13
- package/theme/galaxy-theme/index.js +15 -15
- package/theme/infinity-theme/index.js +42 -42
- package/time-panel/index.css +1 -0
- package/time-picker/index.css +0 -0
- package/time-range/index.css +1 -0
- package/time-select/index.css +1 -0
- package/time-spinner/index.css +1 -0
- package/tip/index.css +1 -1
- package/toggle-menu/index.css +1 -1
- package/tooltip/index.css +1 -1
- package/top-box/index.css +1 -1
- package/transfer/index.css +1 -1
- package/tree/index.css +1 -1
- package/tree-menu/index.css +1 -1
- package/upload-dragger/index.css +1 -1
- package/upload-list/index.css +1 -1
- package/user/index.css +1 -1
- package/user-card/index.css +1 -1
- package/user-contact/index.css +1 -1
- package/user-link/index.css +1 -1
- package/wizard/index.css +1 -1
- package/year-table/index.css +1 -0
- package/base/index.js +0 -65
- package/checkbox/index.js +0 -40
- package/checkbox-button/index.js +0 -15
- package/checkbox-group/index.js +0 -15
package/radio/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-radio{--ti-radio-text-color:var(--ti-
|
|
1
|
+
.tiny-radio{--ti-radio-text-color:var(--ti-common-color-info-normal);--ti-radio-font-size:var(--ti-common-font-size-base);--ti-radio-bordered-height:var(--ti-common-size-10x);--ti-radio-bordered-border-radius:var(--ti-common-border-radius-normal);--ti-radio-bordered-border-color:var(--ti-base-color-common-2);--ti-radio-input-disabled-border-color:var(--ti-base-color-common-1);--ti-radio-bordered-checked-border-color:var(--ti-base-color-brand-6);--ti-radio-bordered-checked-background-color:var(--ti-common-color-light);--ti-radio-bordered-hover-border-color:var(--ti-base-color-brand-6);--ti-radio-bordered-checked-hover-border-color:var(--ti-base-color-brand-6);--ti-radio-bordered-active-border-color:var(--ti-common-color-primary-active);--ti-radio-input-disabled-bg-color:var(--ti-base-color-bg-5);--ti-radio-input-checked-disabled-bg-color:var(--ti-base-color-bg-5);--ti-radio-input-checked-disabled-border-color:var(--ti-base-color-bg-5);--ti-radio-input-disabled-text-color:var(--ti-common-color-placeholder);--ti-radio-inner-bg-color:var(--ti-common-color-light);--ti-radio-inner-checked-bg-color:var(--ti-base-color-brand-6);--ti-radio-inner-size:8px;--ti-radio-inner-checked-disabled-bg-color:var(--ti-base-color-common-2);--ti-radio-medium-height:var(--ti-common-size-height-small);--ti-radio-medium-inner-height:14px;--ti-radio-medium-inner-width:14px;--ti-radio-small-height:var(--ti-common-size-8x);--ti-radio-small-inner-height:var(--ti-common-size-3x);--ti-radio-small-inner-width:var(--ti-common-size-3x);--ti-radio-mini-height:var(--ti-common-size-7x);--ti-radio-mini-inner-height:var(--ti-common-size-3x);--ti-radio-mini-inner-width:var(--ti-common-size-3x);color:var(--ti-radio-text-color);font-weight:500;margin-right:30px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;cursor:pointer;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-radio:last-child{margin-right:0}.tiny-radio.is-bordered{padding:4px 12px;border-radius:var(--ti-radio-bordered-border-radius);border:1px solid var(--ti-radio-bordered-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--ti-radio-bordered-height)}.tiny-radio.is-bordered+.tiny-radio.is-bordered{margin-left:10px}.tiny-radio.is-bordered.is-checked{border-color:var(--ti-radio-bordered-checked-border-color)}.tiny-radio.is-bordered.is-disabled{cursor:not-allowed;border-color:var(--ti-radio-bordered-border-color)}.tiny-radio,.tiny-radio__input{white-space:nowrap;line-height:1;outline:0}.tiny-radio__input{cursor:pointer;line-height:1;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-radio__input{display:inline-block}}@supports (-ms-ime-align:auto){.tiny-radio__input{display:inline-block}}.tiny-radio__input.is-disabled .tiny-radio__inner{border-color:var(--ti-radio-input-disabled-border-color)}.tiny-radio__input.is-disabled .tiny-radio__inner,.tiny-radio__input.is-disabled .tiny-radio__inner::after{cursor:not-allowed;background-color:var(--ti-radio-input-disabled-bg-color)}.tiny-radio__input.is-disabled .tiny-radio__inner+.tiny-radio__label{cursor:not-allowed}.tiny-radio__input.is-disabled.is-checked .tiny-radio__inner{background-color:var(--ti-radio-input-checked-disabled-bg-color);border-color:var(--ti-base-color-common-1)}.tiny-radio__input.is-disabled.is-checked .tiny-radio__inner::after{background-color:var(--ti-radio-inner-checked-disabled-bg-color)}.tiny-radio__input.is-disabled+span.tiny-radio__label{color:var(--ti-radio-input-disabled-text-color);cursor:not-allowed}.tiny-radio__input.is-checked .tiny-radio__inner{border-color:var(--ti-radio-bordered-checked-border-color);background:var(--ti-radio-bordered-checked-background-color)}.tiny-radio__input.is-checked .tiny-radio__inner::after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);background-color:var(--ti-radio-inner-checked-bg-color)}.tiny-radio__input.is-checked:not(.is-disabled) .tiny-radio__inner:hover{border-color:var(--ti-radio-bordered-checked-hover-border-color)}.tiny-radio__inner{border:1px solid var(--ti-radio-bordered-border-color);border-radius:100%;width:16px;height:16px;background-color:var(--ti-radio-inner-bg-color);position:relative;display:inline-block;cursor:pointer;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0}.tiny-radio__inner:hover{border-color:var(--ti-radio-bordered-hover-border-color)}.tiny-radio__inner:active{border-color:var(--ti-radio-bordered-active-border-color)}.tiny-radio__inner::after{width:var(--ti-radio-inner-size);height:var(--ti-radio-inner-size);border-radius:100%;background-color:var(--ti-radio-inner-bg-color);content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .15s ease-in;transition:-webkit-transform .15s ease-in;transition:transform .15s ease-in;transition:transform .15s ease-in,-webkit-transform .15s ease-in}.tiny-radio__original{opacity:0;outline:0;position:absolute;z-index:-1;margin:0;width:0;height:0}.tiny-radio__label{font-size:var(--ti-radio-font-size);padding-left:8px;vertical-align:middle}.tiny-radio--medium.is-bordered{border-radius:var(--ti-radio-bordered-border-radius);height:var(--ti-radio-medium-height)}.tiny-radio--medium.is-bordered .tiny-radio__inner{height:var(--ti-radio-medium-inner-height);width:var(--ti-radio-medium-inner-width)}.tiny-radio--medium.is-bordered .tiny-radio__label{font-size:var(--ti-radio-font-size)}.tiny-radio--small.is-bordered{border-radius:var(--ti-radio-bordered-border-radius);height:var(--ti-radio-small-height)}.tiny-radio--small.is-bordered .tiny-radio__inner{height:var(--ti-radio-small-inner-height);width:var(--ti-radio-small-inner-width)}.tiny-radio--small.is-bordered .tiny-radio__label{font-size:var(--ti-radio-font-size)}.tiny-radio--mini.is-bordered{padding:0 8px;border-radius:var(--ti-radio-bordered-border-radius,2px);height:var(--ti-radio-mini-height);line-height:calc(var(--ti-radio-mini-height) - 2px)}.tiny-radio--mini.is-bordered .tiny-radio__inner{height:var(--ti-radio-mini-inner-height);width:var(--ti-radio-mini-inner-width)}.tiny-radio--mini.is-bordered .tiny-radio__inner::after{width:4px;height:4px}.tiny-radio--mini.is-bordered .tiny-radio__label{font-size:var(--ti-radio-font-size)}.tiny-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .tiny-radio__inner{-webkit-box-shadow:0 0 2px 2px var(--ti-radio-bordered-hover-border-color);box-shadow:0 0 2px 2px var(--ti-radio-bordered-hover-border-color)}
|
package/radio-button/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-radio-button{--ti-radio-button-text-color:var(--ti-
|
|
1
|
+
.tiny-radio-button{--ti-radio-button-text-color:var(--ti-common-color-info-normal);--ti-radio-button-hover-text-color:var(--ti-common-color-light);--ti-radio-button-border-color:var(--ti-common-color-border);--ti-radio-button-border-radius:var(--ti-common-border-radius-normal);--ti-radio-button-font-size:var(--ti-common-font-size-base);--ti-radio-button-bg-color:var(--ti-common-color-light);--ti-radio-button-checked-normal-bg-color:var(--ti-base-color-brand-6);--ti-radio-button-checked-normal-border-color:var(--ti-base-color-brand-6);--ti-radio-button-checked-normal-box-shadow:-1px 0 0 0 var(--ti-base-color-brand-6);--ti-radio-button-checked-hover-bg-color:var(--ti-base-color-brand-5);--ti-radio-button-checked-hover-border-color:var(--ti-base-color-brand-5);--ti-radio-button-checked-hover-box-shadow:-1px 0 0 0 var(--ti-base-color-brand-5);--ti-radio-button-disabled-text-color:var(--ti-common-color-placeholder);--ti-radio-button-disabled-bg-color:var(--ti-base-color-bg-5);--ti-radio-button-medium-font-size:var(--ti-common-font-size-1)}.tiny-radio-button:first-child .tiny-radio-button__inner{border-left:1px solid var(--ti-radio-button-border-color);border-radius:var(--ti-radio-button-border-radius) 0 0 var(--ti-radio-button-border-radius)}.tiny-radio-button:first-child .tiny-radio-button__orig-radio:checked+.tiny-radio-button__inner{-webkit-box-shadow:none;box-shadow:none}.tiny-radio-button:last-child .tiny-radio-button__inner{border-radius:0 var(--ti-radio-button-border-radius) var(--ti-radio-button-border-radius) 0}.tiny-radio-button:first-child:last-child .tiny-radio-button__inner{border-radius:var(--ti-radio-button-border-radius)}.tiny-radio-button,.tiny-radio-button__inner{display:inline-block;position:relative;outline:0}.tiny-radio-button__inner{color:var(--ti-radio-button-text-color);font-size:var(--ti-radio-button-font-size);background:var(--ti-radio-button-bg-color);border:1px solid var(--ti-radio-button-border-color);padding:12px 20px;font-weight:500;border-radius:0;border-left:0;line-height:1;white-space:nowrap;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1)}.tiny-radio-button__inner.is-round{padding:12px 20px}.tiny-radio-button__inner:hover{color:var(--ti-radio-button-hover-text-color);background-color:var(--ti-radio-button-checked-hover-bg-color);border-color:var(--ti-radio-button-checked-hover-border-color);outline:0}.tiny-radio-button__inner [class*=tiny-icon]{line-height:.9}.tiny-radio-button__inner [class*=tiny-icon]+span{margin-left:5px}.tiny-radio-button__orig-radio{opacity:0;outline:0;position:absolute;z-index:-1}.tiny-radio-button__orig-radio:checked+.tiny-radio-button__inner{color:#fff;background-color:var(--ti-radio-button-checked-normal-bg-color);border-color:var(--ti-radio-button-checked-normal-border-color);-webkit-box-shadow:var(--ti-radio-button-checked-normal-box-shadow);box-shadow:var(--ti-radio-button-checked-normal-box-shadow)}.tiny-radio-button__orig-radio:checked+.tiny-radio-button__inner:hover{background-color:var(--ti-radio-button-checked-hover-bg-color);border-color:var(--ti-radio-button-checked-hover-border-color);-webkit-box-shadow:var(--ti-radio-button-checked-hover-box-shadow);box-shadow:var(--ti-radio-button-checked-hover-box-shadow)}.tiny-radio-button__orig-radio:disabled+.tiny-radio-button__inner{color:var(--ti-radio-button-disabled-text-color);border-color:var(--ti-radio-button-border-color);background-color:var(--ti-radio-button-disabled-bg-color);background-image:none;-webkit-box-shadow:none;box-shadow:none;cursor:not-allowed}.tiny-radio-button__orig-radio:disabled:checked+.tiny-radio-button__inner{background-color:var(--ti-radio-input-checked-disabled-bg-color)}.tiny-radio-button__orig-radio:disabled:checked+.tiny-radio-button__inner,.tiny-radio-button__orig-radio:disabled:checked+.tiny-radio-button__inner:hover{border-color:var(--ti-radio-input-checked-disabled-border-color)}.tiny-radio-button--medium .tiny-radio-button__inner{font-size:var(--ti-radio-button-medium-font-size);padding:10px 20px;border-radius:0}.tiny-radio-button--medium .tiny-radio-button__inner.is-round{padding:10px 20px}.tiny-radio-button--small .tiny-radio-button__inner{font-size:var(--ti-radio-button-font-size);padding:9px 15px;border-radius:0}.tiny-radio-button--small .tiny-radio-button__inner.is-round{padding:9px 15px}.tiny-radio-button--mini .tiny-radio-button__inner{font-size:var(--ti-radio-button-font-size);padding:7px 15px;border-radius:0}.tiny-radio-button--mini .tiny-radio-button__inner.is-round{padding:7px 15px}.tiny-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled){-webkit-box-shadow:0 0 2px 2px var(--ti-radio-bordered-hover-border-color);box-shadow:0 0 2px 2px var(--ti-radio-bordered-hover-border-color)}
|
package/roles/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-roles{--ti-roles-poplist-item-height:var(--ti-
|
|
1
|
+
.tiny-roles{--ti-roles-poplist-item-height:var(--ti-common-size-height-minor);--ti-roles-poplist-item-text-color:var(--ti-common-color-info-normal);--ti-roles-poplist-item-font-size:var(--ti-common-font-size-base);--ti-roles-poplist-item-hover-bg-color:var(--ti-common-color-hover-background);--ti-roles-poplist-item-selected-bg-color:var(--ti-common-color-selected-background);--ti-roles-poplist-item-selected-text-color:var(--ti-common-color-selected-text-color)}.tiny-roles svg{margin-left:2px}.tiny-roles__selector.tiny-popover.tiny-popper{padding:0}.tiny-roles__selector .tiny-roles__poplist-item{padding:0 8px}.tiny-roles__selector-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-roles__poplist{min-width:180px}.tiny-roles__poplist-item{min-height:var(--ti-roles-poplist-item-height);line-height:var(--ti-roles-poplist-item-height);max-width:100%;color:var(--ti-roles-poplist-item-text-color);font-size:var(--ti-roles-poplist-item-font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.tiny-roles__poplist-item:hover{background:var(--ti-roles-poplist-item-hover-bg-color)}.tiny-roles__poplist-item.is-selected,.tiny-roles__poplist-item.is-selected:hover{background:var(--ti-roles-poplist-item-selected-bg-color);color:var(--ti-roles-poplist-item-selected-text-color)}
|
package/scroll-text/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-scroll-text{width:300px;height:var(--ti-scroll-text-height);line-height:var(--ti-scroll-text-height);background:var(--ti-scroll-text-bg-color);margin:var(--ti-scroll-text-margin-vertical) var(--ti-scroll-text-margin-horizontal);overflow:hidden}.tiny-scroll-text__wrapper{--ti-scroll-text-height:var(--ti-
|
|
1
|
+
.tiny-scroll-text{width:300px;height:var(--ti-scroll-text-height);line-height:var(--ti-scroll-text-height);background:var(--ti-scroll-text-bg-color);margin:var(--ti-scroll-text-margin-vertical) var(--ti-scroll-text-margin-horizontal);overflow:hidden}.tiny-scroll-text__wrapper{--ti-scroll-text-height:var(--ti-common-size-height-small);--ti-scroll-text-bg-color:#f1f1f1;--ti-scroll-text-margin-vertical:0;--ti-scroll-text-margin-horizontal:auto}.tiny-scroll-text .tiny-scroll-text__content{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:100%;padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;white-space:nowrap;position:relative;-webkit-animation:infinite linear;animation:infinite linear;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-scroll-text .tiny-scroll-text__content{display:inline-block}}@supports (-ms-ime-align:auto){.tiny-scroll-text .tiny-scroll-text__content{display:inline-block}}.tiny-scroll-text .tiny-scroll-text__content.left{-webkit-animation-name:moveLeft;animation-name:moveLeft}.tiny-scroll-text .tiny-scroll-text__content.right{-webkit-animation-name:moveRight;animation-name:moveRight}.tiny-scroll-text .tiny-scroll-text__content.up{-webkit-animation-name:moveUp;animation-name:moveUp}.tiny-scroll-text .tiny-scroll-text__content.down{-webkit-animation-name:moveDown;animation-name:moveDown}.tiny-scroll-text .tiny-scroll-text__content.singleUp{-webkit-animation-name:singleUp;animation-name:singleUp}.tiny-scroll-text .tiny-scroll-text__content.stop{-webkit-animation-play-state:paused;animation-play-state:paused}.tiny-scroll-text .tiny-scroll-text__content.down,.tiny-scroll-text .tiny-scroll-text__content.up{width:100%;white-space:normal}.tiny-scroll-text .tiny-scroll-text__content p{width:auto;line-height:1;margin:0}@-webkit-keyframes moveLeft{0%{-webkit-transform:translateX(300px);transform:translateX(300px)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes moveLeft{0%{-webkit-transform:translateX(300px);transform:translateX(300px)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes moveRight{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(300px);transform:translateX(300px)}}@keyframes moveRight{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(300px);transform:translateX(300px)}}@-webkit-keyframes moveUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes moveUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-webkit-keyframes moveDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes moveDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(100%);transform:translateY(100%)}}
|
package/search/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-transition-zoom-in-top-enter-active,.tiny-transition-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.tiny-transition-zoom-in-top-enter,.tiny-transition-zoom-in-top-enter-from,.tiny-transition-zoom-in-top-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}.tiny-transition-search-line-fade-enter,.tiny-transition-search-line-fade-enter-from,.tiny-transition-search-line-fade-leave-to{opacity:0}.tiny-transition-search-line-fade-enter-to{opacity:0}.tiny-transition-search-line-fade-enter-active,.tiny-transition-search-line-fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.tiny-transition-icon-out-in-enter-active{-webkit-animation:bounce-in .3s;animation:bounce-in .3s}.tiny-transition-icon-out-in-leave-active{animation:bounce-in .3s reverse}.tiny-transition-icon-scale-in-enter-active{-webkit-animation:scale-in .3s;animation:scale-in .3s}.tiny-transition-icon-scale-in-leave-active{animation:scale-in .3s reverse}@-webkit-keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@-webkit-keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.tiny-search{--ti-search-font-size:var(--ti-common-font-size-base);--ti-search-input-height:var(--ti-
|
|
1
|
+
.tiny-transition-zoom-in-top-enter-active,.tiny-transition-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.tiny-transition-zoom-in-top-enter,.tiny-transition-zoom-in-top-enter-from,.tiny-transition-zoom-in-top-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}.tiny-transition-search-line-fade-enter,.tiny-transition-search-line-fade-enter-from,.tiny-transition-search-line-fade-leave-to{opacity:0}.tiny-transition-search-line-fade-enter-to{opacity:0}.tiny-transition-search-line-fade-enter-active,.tiny-transition-search-line-fade-leave-active{-webkit-transition:opacity .3s;transition:opacity .3s}.tiny-transition-icon-out-in-enter-active{-webkit-animation:bounce-in .3s;animation:bounce-in .3s}.tiny-transition-icon-out-in-leave-active{animation:bounce-in .3s reverse}.tiny-transition-icon-scale-in-enter-active{-webkit-animation:scale-in .3s;animation:scale-in .3s}.tiny-transition-icon-scale-in-leave-active{animation:scale-in .3s reverse}@-webkit-keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@keyframes bounce-in{0%{-webkit-transform:translateY(-50%) scale(0);transform:translateY(-50%) scale(0)}50%{-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2)}100%{-webkit-transform:translateY(-50%) scale(1);transform:translateY(-50%) scale(1)}}@-webkit-keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-in{0%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}.tiny-search{--ti-search-font-size:var(--ti-common-font-size-base);--ti-search-input-height:var(--ti-common-size-height-normal);--ti-search-input-btn-width:var(--ti-common-size-height-small);--ti-search-input-btn-line-height:var(--ti-common-size-height-small);--ti-search-input-text-color:var(--ti-common-color-info-normal);--ti-search-input-bg-color:var(--ti-common-color-light);--ti-search-input-btn-text-color:var(--ti-base-color-common-5);--ti-search-input-btn-hover-border-color:var(--ti-base-color-brand-5);--ti-search-input-btn-font-size:var(--ti-common-font-size-1);--ti-search-input-border-color:var(--ti-common-color-border);--ti-search-icon-border-color:#dbdbdb;--ti-search-icon-color:#c4c4c4;--ti-search-size-height-normal:var(--ti-common-size-height-normal);--ti-search-size-height-small:var(--ti-common-size-height-small);--ti-search-selector-text-color:var(--ti-common-color-info-normal);--ti-search-line-hover-border-color:var(--ti-common-color-border-hover);--ti-search-list-hover-bg-color:var(--ti-common-color-selected-background);--ti-search-selector-border-radius:var(--ti-common-border-radius-normal);--ti-search-selector-bg-color:var(--ti-common-color-light);--ti-search-selector-list-height:var(--ti-common-size-height-normal);position:relative;display:inline-block;font-size:var(--ti-search-font-size);width:100%}.tiny-search .tiny-search__line{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:var(--ti-search-input-height);border:1px solid var(--ti-search-input-border-color);border-radius:var(--ti-common-border-radius-normal);background-color:var(--ti-search-input-bg-color);-webkit-transition:.4s;transition:.4s;border-collapse:separate}.tiny-search .tiny-search__line:hover{border-color:var(--ti-search-line-hover-border-color)}.tiny-search .tiny-search__line.focus,.tiny-search .tiny-search__line:focus{border-color:var(--ti-search-input-btn-hover-border-color)}.tiny-search .tiny-search__input{width:100%;height:100%;line-height:1;color:var(--ti-search-input-text-color);padding:0 0 0 8px;border:0;outline:0;background:0 0}.tiny-search .tiny-search__input::-moz-placeholder{color:#999;opacity:1}.tiny-search .tiny-search__input:-ms-input-placeholder{color:#999}.tiny-search .tiny-search__input::-webkit-input-placeholder{color:#999}.tiny-search .tiny-search__input::-ms-input-placeholder{color:#999}.tiny-search .tiny-search__input::placeholder{color:#999}.tiny-search .tiny-search__input:focus::-moz-placeholder{color:#d9d9d9;opacity:1}.tiny-search .tiny-search__input:focus:-ms-input-placeholder{color:#d9d9d9}.tiny-search .tiny-search__input:focus::-webkit-input-placeholder{color:#d9d9d9}.tiny-search .tiny-search__input:focus::-ms-input-placeholder{color:#d9d9d9}.tiny-search .tiny-search__input:focus::placeholder{color:#d9d9d9}.tiny-search .tiny-search__input-btn{text-align:center}.tiny-search .tiny-search__input-btn a{text-decoration:none;display:block;width:var(--ti-search-input-btn-width);height:100%;line-height:var(--ti-search-input-btn-line-height)}.tiny-search .tiny-search__input-btn svg{fill:var(--ti-search-input-btn-text-color);font-size:var(--ti-search-input-btn-font-size)}.tiny-search .tiny-search__input-btn:hover svg{fill:var(--ti-search-input-btn-hover-border-color)}.tiny-search .tiny-search__present{color:var(--ti-search-selector-text-color);line-height:var(--ti-search-size-height-normal);padding-left:8px;white-space:nowrap}.tiny-search .tiny-search__present .icon-outer{height:calc(var(--ti-search-size-height-normal) - 12px);line-height:calc(var(--ti-search-size-height-normal) - 12px);display:inline-block;padding:0 8px 0 4px;border-right:1px solid var(--ti-search-input-border-color);cursor:pointer}.tiny-search .tiny-search__present .icon-outer svg{font-size:var(--ti-search-input-btn-font-size);fill:var(--ti-search-icon-color)}.tiny-search .tiny-search__selector{position:absolute;top:32px;left:0;overflow:hidden;min-width:68px;border:1px solid var(--ti-search-input-border-color);border-radius:var(--ti-search-selector-border-radius);font-size:var(--ti-search-font-size);-webkit-box-shadow:var(--ti-common-box-shadow);box-shadow:var(--ti-common-box-shadow);background:var(--ti-search-selector-bg-color);color:var(--ti-search-selector-text-color);margin-top:2px}.tiny-search .tiny-search__selector-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-search .tiny-search__poplist-item{min-height:var(--ti-search-selector-list-height);padding:0 8px;line-height:var(--ti-search-selector-list-height);max-width:100%;font-size:var(--ti-search-font-size);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tiny-search .tiny-search__poplist-item:hover{background:var(--ti-search-list-hover-bg-color);cursor:pointer}.tiny-search .tiny-search__poplist-item span{font-size:var(--ti-search-font-size)}.tiny-search .tiny-search__poplist-item .icon-check{font-size:var(--ti-common-font-size-2)}.tiny-search .tiny-search__poplist-item .icon-check:hover{color:var(--ti-search-input-btn-hover-border-color)}.tiny-search.mini .tiny-search__line{border-radius:var(--ti-search-input-height);width:100%;float:right}.tiny-search.mini.collapse .tiny-search__input-btn svg{fill:var(--ti-search-icon-color)}.tiny-search.mini .tiny-search__input{border-radius:var(--ti-search-input-height)}.tiny-search.collapse .tiny-search__input{padding:0;width:var(--ti-search-size-height-normal);float:right}.tiny-search.mini.collapse .tiny-search__line{width:30px;float:right;background-color:transparent;border-collapse:separate}.tiny-search.mini.collapse .tiny-search__input,.tiny-search.mini.collapse .tiny-search__present{display:none}.tiny-search .fade-enter-to{opacity:0}.tiny-search .fade-enter,.tiny-search .fade-leave-to{opacity:0}
|
package/select/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-select{--ti-select-inner-hover-border-color:var(--ti-base-color-brand-5);--ti-select-input-text-color:#666;--ti-select-input-font-size:var(--ti-common-font-size-base);--ti-select-input-caret-text-color:var(--ti-base-color-common-5);--ti-select-input-caret-hover-text-color:var(--ti-base-color-brand-7);--ti-select-input-caret-font-size:var(--ti-common-font-size-1);--ti-select-input-caret-close-text-color:var(--ti-base-color-bg-5);--ti-select-input-caret-close-hover-text-color:var(--ti-
|
|
1
|
+
.tiny-select{--ti-select-inner-hover-border-color:var(--ti-base-color-brand-5);--ti-select-input-text-color:#666;--ti-select-input-font-size:var(--ti-common-font-size-base);--ti-select-input-caret-text-color:var(--ti-base-color-common-5);--ti-select-input-caret-hover-text-color:var(--ti-base-color-brand-7);--ti-select-input-caret-font-size:var(--ti-common-font-size-1);--ti-select-input-caret-close-text-color:var(--ti-base-color-bg-5);--ti-select-input-caret-close-hover-text-color:var(--ti-common-color-placeholder);--ti-select-input-disabled-caret-text-color:var(--ti-common-color-border);--ti-select-input-disabled-hover-border-color:#e4e7ed;--ti-select-input-mini-height:var(--ti-common-size-height-mini);--ti-select-input-small-height:var(--ti-common-size-height-small);--ti-select-input-medium-height:var(--ti-common-size-height-medium);display:inline-block;position:relative;width:100%;outline:0}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-select.tiny-select__multiple:not(.tiny-select__collapse-tags):not(.tiny-select__filterable) .tiny-select__tags>span{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}}@supports (-ms-ime-align:auto){.tiny-select.tiny-select__multiple:not(.tiny-select__collapse-tags):not(.tiny-select__filterable) .tiny-select__tags>span{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}}.tiny-select.tiny-select__collapse-tags .tiny-select__tags>span{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.tiny-select.tiny-select__collapse-tags .tiny-select__tags>span>span:not(:only-child):first-child{max-width:70%}.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span{width:auto;max-width:76%}.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span>span:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span>span:first-child{-ms-flex-preferred-size:auto;flex-basis:auto}}.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span>span:not(:only-child):first-child,.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span>span:only-child{max-width:100%}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-select.tiny-select__collapse-tags .tiny-select__filterable .tiny-select__tags>span>span:not(:only-child):not(:first-child){-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:auto;flex-basis:auto}}.tiny-select.tiny-select__filterable .tiny-select__tags .tiny-select__input{cursor:text}.tiny-select__tags{position:absolute;line-height:normal;white-space:normal;padding-left:4px;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;cursor:pointer}.tiny-select__tags>span{display:contents}.tiny-select__tags .tiny-select__input{cursor:pointer;border:none;outline:0;padding:0;margin-left:8px;color:var(--ti-select-input-text-color);font-size:var(--ti-select-input-font-size);height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent}.tiny-select__tags .tiny-select__input.is-mini{height:var(--ti-select-input-mini-height)}.tiny-select__tags .tiny-select__input.is-small{height:var(--ti-select-input-small-height)}.tiny-select__tags .tiny-select__input.is-medium{height:var(--ti-select-input-medium-height)}.tiny-select__tags.is-showicon{padding-left:24px}.tiny-select__tags .tiny-tag{white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;border-color:transparent;margin:2px 0 2px 4px;background-color:#f0f2f5}.tiny-select__tags .tiny-tag.tiny-tag--info{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-select__tags .tiny-select__tags-text{width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tiny-select__tags .tiny-select__tags-text+.tiny-tag__close{-ms-flex-negative:0;flex-shrink:0}.tiny-select-tip .tiny-select-tipcontent{max-width:300px}.tiny-select .tiny-input{display:block}.tiny-select .tiny-input .tiny-input__inner[readonly]{cursor:pointer}.tiny-select .tiny-input .tiny-select__caret{fill:var(--ti-select-input-caret-text-color);font-size:var(--ti-select-input-caret-font-size);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);cursor:pointer}.tiny-select .tiny-input .tiny-select__caret:hover{fill:var(--ti-select-input-caret-hover-text-color)}.tiny-select .tiny-input .tiny-select__caret.is-reverse{-webkit-transform:rotateZ(0);transform:rotateZ(0)}.tiny-select .tiny-input .tiny-select__caret.is-show-close{font-size:var(--ti-select-input-font-size);text-align:center;-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg);border-radius:100%;fill:var(--ti-select-input-caret-close-text-color);-webkit-transition:fill .2s cubic-bezier(.645,.045,.355,1);transition:fill .2s cubic-bezier(.645,.045,.355,1)}.tiny-select .tiny-input .tiny-select__caret.is-show-close:hover{color:var(--ti-select-input-caret-close-hover-text-color)}.tiny-select .tiny-input .tiny-select__copy{cursor:pointer}.tiny-select .tiny-input.is-disabled .tiny-select__caret{fill:var(--ti-select-input-disabled-caret-text-color);cursor:not-allowed}.tiny-select .tiny-input.is-disabled .tiny-input__inner{cursor:not-allowed}.tiny-select .tiny-input.is-disabled .tiny-input__inner:hover{border-color:var(--ti-select-input-disabled-hover-border-color)}.tiny-select .tiny-input.is-focus .tiny-input__inner{border-color:var(--ti-select-inner-hover-border-color)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-select-dropdown{--ti-select-dropdown-border-color:transparent;--ti-select-dropdown-border-radius:var(--ti-common-border-radius-normal);--ti-select-dropdown-bg-color:var(--ti-
|
|
1
|
+
.tiny-select-dropdown{--ti-select-dropdown-border-color:transparent;--ti-select-dropdown-border-radius:var(--ti-common-border-radius-normal);--ti-select-dropdown-bg-color:var(--ti-common-color-light);--ti-select-dropdown-empty-text-color:var(--ti-common-color-placeholder);--ti-select-dropdown-empty-font-size:var(--ti-common-font-size-1);--ti-select-dropdown-list-padding-top:0;--ti-select-dropdown-list-padding-horizontal:0;--ti-select-dropdown-list-padding-bottom:6px;--ti-select-dropdown-item-padding-vertical:0;--ti-select-dropdown-item-padding-horizontal:8px;--ti-select-dropdown-item-margin-top:0;--ti-select-dropdown-search-bg-color:var(--ti-base-color-brand-1);--ti-select-dropdown-search-margin-bottom:var(--ti-common-space-base);--ti-select-dropdown-line-bg-color:var(--ti-base-color-common-1);--ti-select-dropdown-line-margin-vertical:0;--ti-select-dropdown-line-margin-horizontal:var(--ti-common-space-2x);--ti-select-dropdown-line-height:var(--ti-common-font-size-1);--ti-select-dropdown-line-width:1px;--ti-select-dropdown-active-text-color:var(--ti-base-color-brand-6);position:absolute;z-index:1001;border:1px solid var(--ti-select-dropdown-border-color);border-radius:var(--ti-select-dropdown-border-radius);background-color:var(--ti-select-dropdown-bg-color);-webkit-box-shadow:var(--ti-common-box-shadow);box-shadow:var(--ti-common-box-shadow);margin-top:var(--ti-common-dropdown-gap);-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-select-dropdown .tiny-tree{max-height:300px;overflow-y:auto}.tiny-select-dropdown.tiny-popper{margin-top:var(--ti-common-dropdown-gap)}.tiny-select-dropdown .tiny-scrollbar.is-empty .tiny-select-dropdown__list{padding:0}.tiny-select-dropdown .tiny-select-dropdown__search{margin-bottom:var(--ti-select-dropdown-search-margin-bottom)}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-input__inner{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;background-color:var(--ti-select-dropdown-search-bg-color);padding-right:54px}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-icon-close::after{content:'';display:inline-block;height:var(--ti-select-dropdown-line-height);width:var(--ti-select-dropdown-line-width);background-color:var(--ti-select-dropdown-line-bg-color);line-height:100%;vertical-align:middle;margin:var(--ti-select-dropdown-line-margin-vertical) var(--ti-select-dropdown-line-margin-horizontal)}.tiny-select-dropdown .tiny-select-dropdown__search .tiny-svg:hover{fill:var(--ti-select-dropdown-active-text-color)}.tiny-select-dropdown__empty{padding:10px 0;margin:0;text-align:center;color:var(--ti-select-dropdown-empty-text-color);font-size:var(--ti-select-dropdown-empty-font-size)}.tiny-select-dropdown .tiny-select-dropdown__wrap{max-height:197px;margin-right:-4px}.tiny-select-dropdown .tiny-select-dropdown__list{list-style:none;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--ti-select-dropdown-list-padding-top) var(--ti-select-dropdown-list-padding-horizontal) var(--ti-select-dropdown-list-padding-bottom);text-align:left}.tiny-select-dropdown .tiny-select-dropdown__item{white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--ti-select-dropdown-item-padding-vertical) var(--ti-select-dropdown-item-padding-horizontal);margin-top:var(--ti-select-dropdown-item-margin-top);border-radius:var(--ti-common-border-radius-normal)}.tiny-select-dropdown .tiny-select-dropdown__wrap.virtual{position:relative;margin-right:0!important}.tiny-select-dropdown .tiny-select-dropdown__wrap.virtual .tiny-select-dropdown__item{position:absolute;width:100%}
|
package/selector/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-selector{--ti-selector-border-color:var(--ti-
|
|
1
|
+
.tiny-selector{--ti-selector-border-color:var(--ti-common-color-border);--ti-selector-border-radius:var(--ti-common-border-radius-normal);--ti-selector-font-size:var(--ti-common-font-size-base);--ti-selector-text-color:var(--ti-common-color-info-normal);--ti-selector-icon-size:var(--ti-common-size-4x);--ti-selector-icon-color:var(--ti-base-color-bg-5);--ti-selector-selected-icon-color:var(--ti-base-color-brand-6);--ti-selector-icon-hover-text-color:var(--ti-base-color-brand-5);--ti-selector-list-height:var(--ti-common-size-height-normal);--ti-selector-bg-color:var(--ti-common-color-light);--ti-selector-selected-text-color:var(--ti-common-color-placeholder);--ti-selector-selected-hover-bg-color:var(--ti-common-color-selected-background);--ti-selector-select-bg-color:var(--ti-common-color-hover-background);border:1px solid var(--ti-selector-border-color);border-radius:var(--ti-selector-border-radius);font-size:var(--ti-selector-font-size);-webkit-box-shadow:var(--ti-common-box-shadow);box-shadow:var(--ti-common-box-shadow);background:var(--ti-selector-bg-color);color:var(--ti-selector-text-color);margin-top:2px}.tiny-selector .tiny-poplist li{min-height:var(--ti-selector-list-height);padding:0 8px;line-height:var(--ti-selector-list-height);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-selector .tiny-poplist li:hover{cursor:pointer}.tiny-selector .tiny-poplist li span{font-size:var(--ti-selector-font-size)}.tiny-selector .tiny-poplist li .icon-check{font-size:var(--ti-common-font-size-2)}.tiny-selector .tiny-poplist li .icon-check:hover{color:var(--ti-selector-icon-hover-text-color)}.tiny-selector .tiny-poplist .tiny-divider{padding:0}.tiny-selector .tiny-poplist.poplist-language li a,.tiny-selector .tiny-poplist.poplist-language li span{display:inline-block;width:100%}.tiny-selector .tiny-icon{color:var(--ti-selector-icon-color);margin-right:16px}.tiny-selector .tiny-icon.icon-checked{color:var(--ti-selector-selected-icon-color)}.tiny-selector .select-pre{background:var(--ti-selector-select-bg-color);color:var(--ti-selector-text-color)}.tiny-selector .select-pre.tiny-selected{background:var(--ti-selector-selected-hover-bg-color)}.tiny-selector .selector-loading{min-height:100px}.tiny-selector .selector-loading .mini-loading{position:absolute;left:45%;top:35%;width:20px;height:20px;background:url(images/container-loading.gif) center no-repeat}.tiny-selector .tiny-selected{background:var(--ti-selector-selected-hover-bg-color);color:#333}.tiny-selector .tiny-selected:hover{background:var(--ti-selector-selected-hover-bg-color)}.tiny-selector .tiny-selected .icon-check{color:var(--ti-selector-selected-icon-color)}.tiny-selector .tiny-selected .icon-check:hover{color:var(--ti-selector-icon-hover-text-color)}.tiny-selector .tiny-selected .icon-check:before{content:'\e61f'}.tiny-selector .selector-body{max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-selector .selector-body .tiny-icon:first-child{margin-right:16px}.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link,.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link .tree-node-body:hover .tree-node-name,.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link .tree-node-name,.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link .tree-node-name:hover,.tiny-selector .tiny-tree.radio>.tree-menus .tree-node.node-selected>.tree-menus-link:hover{background:var(--ti-selector-selected-hover-bg-color)}.tiny-selector .tiny-tree.radio>.tree-menus .tree-node .tree-menus-link:hover{background:var(--ti-selector-select-bg-color)}.tiny-selector .tiny-tree.radio>.tree-menus .tree-node .tree-menus .tree-node{padding-left:28px}
|
package/slide-bar/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-slide-bar{--ti-slider-progress-box-border-color:var(--ti-
|
|
1
|
+
.tiny-slide-bar{--ti-slider-progress-box-border-color:var(--ti-common-color-light);--ti-slider-progress-box-hover-border-color:rgba(153, 153, 153, 0.7);--ti-slider-progress-box-arrow-normal-text-color:#f2f2f2;--ti-slider-progress-box-arrow-hover-text-color:#808080;--ti-slider-progress-box-middleline-border-color:#ebebeb;--ti-slider-progress-box-middleline-icon-color:#ebebeb;padding:0 32px;position:relative}.tiny-slide-bar>.tiny-svg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:2em;cursor:pointer;fill:var(--ti-slider-progress-box-arrow-normal-text-color)}.tiny-slide-bar>.tiny-svg:hover{fill:var(--ti-slider-progress-box-arrow-hover-text-color)}.tiny-slide-bar>.tiny-svg.tiny-disabled,.tiny-slide-bar>.tiny-svg.tiny-disabled:hover{background:0 0;fill:#fff;cursor:default}.tiny-slide-bar>.icon-chevron-left{left:0}.tiny-slide-bar>.icon-chevron-right{right:0}.tiny-slide-bar li li div{margin:15px 0;font-size:var(--ti-common-font-size-base);color:#4e5e67}.tiny-slide-bar li li div:nth-child(2){border-bottom:1px solid var(--ti-slider-progress-box-middleline-border-color)}.tiny-slide-bar li li div svg{float:right;margin:-6px 0 0 0;background:#fff;fill:var(--ti-slider-progress-box-middleline-icon-color)}.tiny-slide-bar .tiny-slide-bar__content{width:100%;min-height:170px;position:relative;overflow:hidden}.tiny-slide-bar .tiny-slide-bar__list{position:absolute;min-height:170px;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-slide-bar .tiny-slide-bar__list>li{width:23%;padding:20px;float:left;margin-left:2%;position:relative;border:5px solid var(--ti-slider-progress-box-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-slide-bar .tiny-slide-bar__list>li:first-child{margin-left:0}.tiny-slide-bar .tiny-slide-bar__list>li:hover{border-color:var(--ti-slider-progress-box-hover-border-color)}.tiny-slide-bar .tiny-slide-bar__list>li>.icon-chevron-down{position:absolute;top:98.8%;left:50%;margin-left:-10px;font-size:2em;width:22px;display:none!important}.tiny-slide-bar .tiny-slide-bar__list>li>.icon-chevron-down:before{content:'';position:absolute;width:20px;height:20px;border-right:5px solid var(--ti-slider-progress-box-hover-border-color);border-bottom:5px solid var(--ti-slider-progress-box-hover-border-color);-webkit-transform:rotate(45deg);transform:rotate(45deg);background:#fff;top:-5px}.tiny-slide-bar .tiny-slide-bar__list>li>ul{width:100%;list-style:none}.tiny-slide-bar .tiny-slide-bar__list>li.tiny-slide-bar__select{border-color:var(--ti-slider-progress-box-hover-border-color)}.tiny-slide-bar .tiny-slide-bar__list>li.tiny-slide-bar__select>.icon-chevron-down{display:block!important}.tiny-slide-bar .tiny-slide-bar__list>li.tiny-slide-bar__select li .tiny-icon{color:var(--ti-slider-progress-box-hover-border-color)}.tiny-slide-bar .tiny-slide-bar__list>li.tiny-slide-bar__select li:nth-child(2){border-bottom:1px solid var(--ti-slider-progress-box-hover-border-color)}
|
package/slider/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-slider{border-radius:var(--ti-slider-border-radius);height:var(--ti-slider-height);position:relative;margin:13px 0;background:var(--ti-slider-bg-color);cursor:pointer;width:calc(100% - 89px);display:inline-block}.tiny-slider__wrapper{--ti-slider-bg-color:var(--ti-base-color-brand-2);--ti-slider-height:var(--ti-common-size-2x);--ti-slider-border-radius:2px;--ti-slider-range-height:var(--ti-common-size-4x);--ti-slider-range-border-radius:2px;--ti-slider-range-bg-color:var(--ti-base-color-brand-6);--ti-slider-range-hover-bg-color:var(--ti-base-color-brand-6);--ti-slider-range-top:calc(-1 * var(--ti-common-space-base));--ti-slider-range-margin-top:calc(-1 * var(--ti-common-space-base));--ti-slider-handle-width:var(--ti-common-size-5x);--ti-slider-handle-height:var(--ti-common-size-7x);--ti-slider-handle-bg-color:linear-gradient(153deg, var(--ti-base-color-white), var(--ti-base-color-brand-2) 99%);--ti-slider-handle-border-color:var(--ti-base-color-brand-6);--ti-slider-handle-border-radius:10px;--ti-slider-handle-text-color-hover:var(--ti-common-color-bg-hover);--ti-slider-handle-border-color-hover:var(--ti-common-color-bg-hover);--ti-slider-handle-box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1);--ti-slider-handle-top:calc(-1 * var(--ti-common-space-base));--ti-slider-handle-border-weight:1px;--ti-slider-handle-icon-display:inline-block;--ti-slider-handle-icon-fill-color:var(--ti-slider-handle-border-color);--ti-slider-handle-icon-fill-color-hover:var(--ti-slider-handle-text-color-hover);--ti-slider-handle-transform:scale(1);--ti-slider-handle-margin-top:-10px;--ti-slider-handle-margin-horizontal:-8px;--ti-slider-handle-margin-bottom:0;--ti-slider-input-height:var(--ti-
|
|
1
|
+
.tiny-slider{border-radius:var(--ti-slider-border-radius);height:var(--ti-slider-height);position:relative;margin:13px 0;background:var(--ti-slider-bg-color);cursor:pointer;width:calc(100% - 89px);display:inline-block}.tiny-slider__wrapper{--ti-slider-bg-color:var(--ti-base-color-brand-2);--ti-slider-height:var(--ti-common-size-2x);--ti-slider-border-radius:2px;--ti-slider-range-height:var(--ti-common-size-4x);--ti-slider-range-border-radius:2px;--ti-slider-range-bg-color:var(--ti-base-color-brand-6);--ti-slider-range-hover-bg-color:var(--ti-base-color-brand-6);--ti-slider-range-top:calc(-1 * var(--ti-common-space-base));--ti-slider-range-margin-top:calc(-1 * var(--ti-common-space-base));--ti-slider-handle-width:var(--ti-common-size-5x);--ti-slider-handle-height:var(--ti-common-size-7x);--ti-slider-handle-bg-color:linear-gradient(153deg, var(--ti-base-color-white), var(--ti-base-color-brand-2) 99%);--ti-slider-handle-border-color:var(--ti-base-color-brand-6);--ti-slider-handle-border-radius:10px;--ti-slider-handle-text-color-hover:var(--ti-common-color-bg-hover);--ti-slider-handle-border-color-hover:var(--ti-common-color-bg-hover);--ti-slider-handle-box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1);--ti-slider-handle-top:calc(-1 * var(--ti-common-space-base));--ti-slider-handle-border-weight:1px;--ti-slider-handle-icon-display:inline-block;--ti-slider-handle-icon-fill-color:var(--ti-slider-handle-border-color);--ti-slider-handle-icon-fill-color-hover:var(--ti-slider-handle-text-color-hover);--ti-slider-handle-transform:scale(1);--ti-slider-handle-margin-top:-10px;--ti-slider-handle-margin-horizontal:-8px;--ti-slider-handle-margin-bottom:0;--ti-slider-input-height:var(--ti-common-size-height-minor, 30px);--ti-slider-input-width:var(--ti-common-size-10x);--ti-slider-input-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-slider-input-border-color:var(--ti-common-color-border, #d9d9d9);--ti-slider-input-text-color:var(--ti-common-color-info-normal, #333);--ti-slider-input-bg-color:var(--ti-common-color-light, #fff);--ti-slider-tips-bg-color:var(--ti-base-color-common-6);--ti-slider-tips-border-color:var(--ti-base-color-common-6);--ti-slider-tips-text-color:var(--ti-base-color-white);--ti-slider-tips-margin-left:3px;--ti-slider-margin-vertical:-8px;--ti-slider-margin-right:0;--ti-slider-margin-left:-6px}.tiny-slider:hover .tiny-slider__range{background:var(--ti-slider-range-hover-bg-color)}.tiny-slider:hover .tiny-slider__handle{border-color:var(--ti-slider-handle-border-color-hover)}.tiny-slider.disabled{cursor:default}.tiny-slider.disabled .tiny-slider__handle{cursor:not-allowed}.tiny-slider__vertical{width:var(--ti-slider-height);height:300px;display:block;margin:0 15px}.tiny-slider__vertical+.tiny-slider__input{margin-top:12px;float:none;right:0}.tiny-slider__vertical .tiny-slider__range{border-radius:10px;position:absolute;z-index:1;width:var(--ti-slider-height)}.tiny-slider__vertical .tiny-slider__up{top:0}.tiny-slider__vertical .tiny-slider__down{bottom:0}.tiny-slider__vertical .tiny-slider__handle{margin:var(--ti-slider-margin-vertical) var(--ti-slider-margin-right) var(--ti-slider-margin-vertical) var(--ti-slider-margin-left)}.tiny-slider__range{border-radius:var(--ti-slider-range-border-radius);position:absolute;z-index:1;margin-top:var(--ti-slider-range-margin-top);height:var(--ti-slider-range-height);background:var(--ti-slider-range-bg-color)}.tiny-slider__left{left:0}.tiny-slider__right{right:0}.tiny-slider__handle{border-radius:var(--ti-slider-handle-border-radius);height:var(--ti-slider-handle-height);width:var(--ti-slider-handle-width);position:absolute;margin:var(--ti-slider-handle-margin-top) var(--ti-slider-handle-margin-horizontal) var(--ti-slider-handle-margin-bottom);z-index:2;outline:0;background:var(--ti-slider-handle-bg-color);border:var(--ti-slider-handle-border-weight) solid var(--ti-slider-handle-border-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:var(--ti-slider-handle-box-shadow);box-shadow:var(--ti-slider-handle-box-shadow);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:-webkit-grab;cursor:grab;text-align:center}.tiny-slider__handle:hover{color:var(--ti-slider-handle-text-color-hover);border-color:var(--ti-slider-handle-border-color-hover);-webkit-transform:var(--ti-slider-handle-transform);transform:var(--ti-slider-handle-transform)}.tiny-slider__handle:hover svg{fill:var(--ti-slider-handle-icon-fill-color-hover)}.tiny-slider__handle svg{display:var(--ti-slider-handle-icon-display);height:12px;margin-left:4px;fill:var(--ti-slider-handle-icon-fill-color)}.tiny-slider__tips{text-align:center;font-size:var(--ti-common-font-size-base);margin-top:-32px;margin-left:var(--ti-slider-tips-margin-left);position:absolute;padding:12px 16px;line-height:1.5;z-index:1010;word-break:normal;white-space:nowrap;background:var(--ti-slider-tips-bg-color);border:1px solid var(--ti-slider-tips-border-color);border-radius:var(--ti-common-border-radius-1);color:var(--ti-slider-tips-text-color)}.tiny-slider__tips:before{margin-left:-6px;bottom:-6px;content:'';left:50%;top:auto;margin-top:0;position:absolute;width:0;height:0;border-style:solid;border-width:6px 6px 0 6px;border-color:var(--ti-slider-tips-border-color) transparent}.tiny-slider__tips:after{margin-left:-4px;bottom:-4px;content:'';left:50%;top:auto;margin-top:0;position:absolute;width:0;height:0;border-style:solid;border-width:4px 4px 0 4px;border-color:var(--ti-slider-tips-border-color) transparent}.tiny-slider__input{display:inline-block;line-height:var(--ti-slider-input-height);vertical-align:top;margin-left:12px;font-size:var(--ti-common-font-size-base)}.tiny-slider__input input{width:var(--ti-slider-input-width);height:var(--ti-slider-input-height);line-height:var(--ti-slider-input-height);border:1px solid var(--ti-slider-input-border-color);border-radius:var(--ti-slider-input-border-radius);color:var(--ti-slider-input-text-color);background:var(--ti-slider-input-bg-color);font-size:inherit;padding:0 8px;outline:0;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.tiny-slider__input span{padding-left:8px}
|
package/split/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-split{--ti-split-border-color:#d9d9d9;--ti-split-trigger-bg-color:#d9d9d9;--ti-split-trigger-bar-bg-color:var(--ti-
|
|
1
|
+
.tiny-split{--ti-split-border-color:#d9d9d9;--ti-split-trigger-bg-color:#d9d9d9;--ti-split-trigger-bar-bg-color:var(--ti-common-color-secondary);--ti-split-trigger-hover-bg-color:var(--ti-split-trigger-bg-color);--ti-split-trigger-bar-hover-bg-color:var(--ti-split-trigger-bar-bg-color);--ti-split-trigger-bar-con-bg-color:var(--ti-common-color-light);--ti-split-trigger-size:4px;--ti-split-trigger-bar-margin-left:4px;--ti-split-trigger-bar-margin-top:4px;--ti-split-trigger-con-col-cursor:e-resize;--ti-split-trigger-con-row-cursor:n-resize}.tiny-split-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.tiny-split-pane{position:absolute}.tiny-split-pane.left-pane,.tiny-split-pane.right-pane{top:0;bottom:0;overflow:hidden}.tiny-split-pane.left-pane{left:0}.tiny-split-pane.right-pane{right:0}.tiny-split-pane.bottom-pane,.tiny-split-pane.top-pane{left:0;right:0;overflow:hidden}.tiny-split-pane.top-pane{top:0}.tiny-split-pane.bottom-pane{bottom:0}.tiny-split-pane-moving{-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-split-trigger-con{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-split-trigger-con:hover .tiny-split-trigger{background:var(--ti-split-trigger-hover-bg-color)}.tiny-split-trigger-con:hover .tiny-split-trigger-bar{background:var(--ti-split-trigger-bar-hover-bg-color)}.tiny-split-trigger-bar-con{position:absolute;overflow:hidden;background:var(--ti-split-trigger-bar-con-bg-color)}.tiny-split-trigger-bar-con.vertical{top:50%;height:calc(var(--ti-split-trigger-size) * 7);-webkit-transform:translate(0,-50%);transform:translate(0,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-split-trigger-bar-con.horizontal{left:50%;width:calc(var(--ti-split-trigger-size) * 7);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.tiny-split-trigger-vertical{width:var(--ti-split-trigger-size);height:100%;background:var(--ti-split-trigger-bg-color)}.tiny-split-trigger-vertical .tiny-split-trigger-bar{width:var(--ti-split-trigger-size);height:var(--ti-split-trigger-size);background:var(--ti-split-trigger-bar-bg-color);float:left;margin-top:var(--ti-split-trigger-bar-margin-top);border-radius:50%}.tiny-split-trigger-horizontal{height:var(--ti-split-trigger-size);width:100%;background:var(--ti-split-trigger-bg-color)}.tiny-split-trigger-horizontal .tiny-split-trigger-bar{height:var(--ti-split-trigger-size);width:var(--ti-split-trigger-size);background:var(--ti-split-trigger-bar-bg-color);float:left;margin-left:var(--ti-split-trigger-bar-margin-left);border-radius:50%}.tiny-split-horizontal .tiny-split-collapse-bar,.tiny-split-vertical .tiny-split-collapse-bar{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#d9d9d9;z-index:15;cursor:pointer}.tiny-split-horizontal .tiny-split-trigger-con{top:50%;height:100%;width:10px;cursor:var(--ti-split-trigger-con-col-cursor)}.tiny-split-horizontal .tiny-split-vertical .tiny-split-trigger-con{left:50%;height:10px;width:100%}.tiny-split-horizontal .tiny-split-collapse-bar{top:calc(50% - 15px);height:30px;border-radius:0 4px 4px 0}.tiny-split-vertical .tiny-split-trigger-con{left:50%;height:10px;width:100%;cursor:var(--ti-split-trigger-con-row-cursor)}.tiny-split-vertical .tiny-split-horizontal .tiny-split-trigger-con{top:50%;height:100%;width:10px}.tiny-split-vertical .tiny-split-collapse-bar{left:calc(50% - 15px);width:30px;border-radius:0 0 4px 4px}.tiny-split .no-select{-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}
|
package/steps/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-steps{--ti-steps-advanced-active-bg-color:var(--ti-base-color-brand-6);--ti-steps-done-active-border-color:var(--ti-base-color-brand-6);--ti-steps-done-icon-fill-color:var(--ti-base-color-brand-6);--ti-steps-done-icon-bg-color:var(--ti-
|
|
1
|
+
.tiny-steps{--ti-steps-advanced-active-bg-color:var(--ti-base-color-brand-6);--ti-steps-done-active-border-color:var(--ti-base-color-brand-6);--ti-steps-done-icon-fill-color:var(--ti-base-color-brand-6);--ti-steps-done-icon-bg-color:var(--ti-common-color-light);--ti-steps-line-bg-color:#dbdbdb;--ti-steps-done-text-color:var(--ti-common-color-info-normal);--ti-steps-line-height:var(--ti-common-size-base);--ti-steps-line-active-bg-color:var(--ti-base-color-brand-6);--ti-steps-advanced-border-color:var(--ti-common-color-border);--ti-steps-advanced-text-color:var(--ti-common-color-placeholder);--ti-steps-advanced-line-height:28px;--ti-steps-advanced-li-bg-color:var(--ti-common-color-light);--ti-steps-advanced-li-text-color:var(--ti-common-color-light);--ti-steps-advanced-li-hover-text-color:var(--ti-common-color-placeholder);--ti-steps-advanced-li-hover-bg-color:#f1f1f1;--ti-steps-advanced-link-font-size:var(--ti-common-font-size-base);--ti-steps-advanced-dot-height:12px;--ti-steps-advanced-dot-width:12px;--ti-steps-advanced-dot-done-bg-color:var(--ti-common-color-success-normal);--ti-steps-advanced-dot-doing-bg-color:#faad14;--ti-steps-advanced-dot-wait-bg-color:var(--ti-common-color-success-normal);--ti-steps-advanced-count-bg-color:var(--ti-base-color-bg-8);--ti-steps-advanced-count-border-radius:10px;--ti-steps-advanced-count-font-size:var(--ti-common-font-size-base);--ti-steps-advanced-count-height:18px;--ti-steps-advanced-border-weight:14px;--ti-steps-timeline-date-time-font-size:var(--ti-common-font-size-base);--ti-steps-timeline-name-font-size:var(--ti-common-font-size-1);--ti-steps-timeline-date-time-text-color:var(--ti-common-color-placeholder);--ti-steps-icon-size:var(--ti-common-size-5x);--ti-steps-font-size-7:var(--ti-common-font-size-7);--ti-steps-font-size-base:var(--ti-common-font-size-base);--ti-steps-icon-font-size:var(--ti-common-font-size-base);--ti-steps-icon-bg-color:#d9d9d9;--ti-steps-unselected-text-color:var(--ti-common-color-light);color:var(--ti-steps-timeline-date-time-text-color)}.tiny-steps .tiny-steps-advanced li{line-height:var(--ti-steps-advanced-line-height);display:inline-block;background:var(--ti-steps-advanced-li-bg-color);position:relative}.tiny-steps .tiny-steps-advanced li.current a{background:var(--ti-steps-advanced-active-bg-color);color:var(--ti-steps-advanced-li-text-color);font-weight:700}.tiny-steps .tiny-steps-advanced li.current a::after{border-left-color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .tiny-steps-advanced li a{border:solid 1px var(--ti-steps-advanced-border-color);border-right:none;display:block;text-align:center;position:relative;text-decoration:none;color:var(--ti-steps-advanced-text-color);font-size:var(--ti-steps-advanced-link-font-size)}.tiny-steps .tiny-steps-advanced li a::after{content:'';border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #fff;position:absolute;right:-9px;top:0;z-index:1}.tiny-steps .tiny-steps-advanced li a::before{content:'';border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:9px solid #d7d8da;position:absolute;left:0;top:0}.tiny-steps .tiny-steps-advanced li a:hover{background:var(--ti-steps-advanced-li-hover-bg-color);color:var(--ti-steps-advanced-li-hover-text-color);text-decoration:none}.tiny-steps .tiny-steps-advanced li a:hover::after{border-left-color:var(--ti-steps-advanced-li-hover-bg-color)}.tiny-steps .tiny-steps-advanced li:first-child a{border-top-left-radius:3px;border-bottom-left-radius:3px}.tiny-steps .tiny-steps-advanced li:first-child a::before{display:none}.tiny-steps .tiny-steps-advanced li:last-child a{border-right:solid 1px var(--ti-steps-advanced-border-color);border-top-right-radius:3px;border-bottom-right-radius:3px}.tiny-steps .tiny-steps-advanced li:last-child a::after{display:none}.tiny-steps .tiny-steps-advanced li .dot{height:var(--ti-steps-advanced-dot-height);width:var(--ti-steps-advanced-dot-width);margin-right:8px;padding:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.tiny-steps .tiny-steps-advanced li .dot svg{width:100%;height:100%;fill:var(--ti-steps-advanced-text-color)}.tiny-steps .tiny-steps-advanced li.current .dot svg,.tiny-steps .tiny-steps-advanced li.current .dot svg:hover{fill:var(--ti-steps-advanced-li-bg-color)}.tiny-steps .tiny-steps-advanced li:hover .dot svg{fill:var(--ti-steps-advanced-text-color)}.tiny-steps .tiny-steps-advanced .count{background-color:var(--ti-steps-advanced-count-bg-color);border-radius:var(--ti-steps-advanced-count-border-radius);color:var(--ti-steps-advanced-li-text-color);display:inline-block;font-size:var(--ti-steps-advanced-count-font-size);height:var(--ti-steps-advanced-count-height);line-height:var(--ti-steps-advanced-count-height);padding:0 6px;text-align:center;white-space:nowrap;position:absolute;top:-10px;right:10px}.tiny-steps .line{background:var(--ti-steps-line-bg-color)}.tiny-steps .icon{width:var(--ti-steps-icon-size);height:var(--ti-steps-icon-size);line-height:var(--ti-steps-icon-size);position:relative;font-size:var(--ti-steps-icon-font-size);text-align:center;left:calc(50% - 10px);top:4px;border-radius:50%;background:var(--ti-steps-icon-bg-color);color:var(--ti-steps-unselected-text-color);cursor:pointer;z-index:15}.tiny-steps .date-time{text-align:center}.tiny-steps .node-description{position:relative;margin-top:6px;overflow:hidden;text-align:center}.tiny-steps .node-description .name{font-size:var(--ti-steps-font-size-base);float:left;width:100%}.tiny-steps .node-description .status{font-size:var(--ti-steps-font-size-base);float:left;width:100%}.tiny-steps .process-done .node-description{color:var(--ti-steps-done-text-color)}.tiny-steps .process-done .icon{background:var(--ti-steps-done-icon-bg-color);color:var(--ti-steps-done-icon-fill-color);width:var(--ti-steps-icon-size);height:var(--ti-steps-icon-size);line-height:var(--ti-steps-icon-size);font-size:var(--ti-steps-icon-size)}.tiny-steps .process-done .icon .tiny-svg{fill:var(--ti-steps-done-icon-fill-color);vertical-align:baseline;border:1px solid var(--ti-steps-done-active-border-color);border-radius:50%;padding:2px}.tiny-steps .process-done .line{background:var(--ti-steps-line-active-bg-color)}.tiny-steps .process-current .icon{background:var(--ti-steps-advanced-active-bg-color);color:var(--ti-steps-advanced-li-text-color);font-size:var(--ti-steps-font-size-base)}.tiny-steps .reverse .process-current .line{background:var(--ti-steps-line-active-bg-color)}.tiny-steps .tiny-steps-normal{overflow:hidden}.tiny-steps .tiny-steps-normal .normal{display:block;float:left}.tiny-steps .tiny-steps-normal .line{height:var(--ti-steps-line-height);left:50%;top:-8px;position:relative}.tiny-steps .tiny-steps-normal .line-end{width:0}.tiny-steps .tiny-steps-normal .process-done .line{background:var(--ti-steps-line-active-bg-color)}.tiny-steps .tiny-steps-normal .process-current .name{color:var(--ti-steps-advanced-active-bg-color);font-weight:700}.tiny-steps .tiny-steps-normal .icon span{display:inline-block}.tiny-steps .tiny-steps-timeline{overflow:hidden;font-size:var(--ti-steps-timeline-name-font-size);color:var(--ti-steps-timeline-date-time-text-color)}.tiny-steps .tiny-steps-timeline .timeline .line{width:var(--ti-steps-line-height);float:left}.tiny-steps .tiny-steps-timeline .timeline .line .tiny-svg{vertical-align:baseline}.tiny-steps .tiny-steps-timeline .timeline .date-time{width:100px;float:left;padding-right:20px;text-align:right}.tiny-steps .tiny-steps-timeline .timeline .date-time .time{display:block;line-height:1}.tiny-steps .tiny-steps-timeline .timeline .date-time .date{display:block;line-height:1;margin-bottom:4px}.tiny-steps .tiny-steps-timeline .timeline.process-done{color:var(--ti-steps-done-text-color)}.tiny-steps .tiny-steps-timeline .timeline.process-current{color:var(--ti-steps-advanced-active-bg-color)}.tiny-steps .tiny-steps-timeline .timeline .name{float:left;margin-left:20px;line-height:1.45em}.tiny-steps .tiny-steps-timeline .timeline .icon{top:0}.tiny-steps.mobile{padding-left:10%}.tiny-steps.mobile .tiny-steps-timeline{overflow:inherit}.tiny-steps.mobile .tiny-steps-timeline .tiny-icon{font-size:45px}.tiny-steps.mobile .tiny-steps-timeline .timeline .line .icon{width:45px;line-height:45px;height:45px;font-size:var(--ti-steps-font-size-7);position:relative;left:-20px}.tiny-steps.mobile .tiny-steps-timeline .timeline .name{margin-left:30px;font-size:26px}.tiny-steps.mobile .tiny-steps-timeline .timeline>div{margin-left:20px}
|
package/switch/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-switch{--ti-switch-on-bg-color:var(--ti-base-color-brand-6);--ti-switch-off-bg-color:var(--ti-base-color-common-2);--ti-switch-disabled-bg-color:var(--ti-base-color-common-1);--ti-switch-checked-disabled-bg-color:var(--ti-base-color-brand-3);--ti-switch-checked-disabled-border-color:var(--ti-base-color-brand-3);--ti-switch-disabled-text-color:var(--ti-base-color-bg-5);--ti-switch-disabled-dot-bg-color:var(--ti-base-color-bg-5);--ti-switch-text-color:var(--ti-
|
|
1
|
+
.tiny-switch{--ti-switch-on-bg-color:var(--ti-base-color-brand-6);--ti-switch-off-bg-color:var(--ti-base-color-common-2);--ti-switch-disabled-bg-color:var(--ti-base-color-common-1);--ti-switch-checked-disabled-bg-color:var(--ti-base-color-brand-3);--ti-switch-checked-disabled-border-color:var(--ti-base-color-brand-3);--ti-switch-disabled-text-color:var(--ti-base-color-bg-5);--ti-switch-disabled-dot-bg-color:var(--ti-base-color-bg-5);--ti-switch-text-color:var(--ti-common-color-light);--ti-switch-dot-bg-color:var(--ti-common-color-light);--ti-switch-width:38px;--ti-switch-height:20px;--ti-switch-border-radius:24px;--ti-switch-inner-font-size:var(--ti-common-font-size-base, 12px);--ti-switch-dot-size-height-width:16px;--ti-switch-dot-position-left:16px;--ti-switch-dot-offset:calc(var(--ti-switch-dot-size-height-width) + 1px);--ti-switch-text-width:45px;display:inline-block;width:var(--ti-switch-width);height:var(--ti-switch-height);line-height:var(--ti-switch-height);border-radius:var(--ti-switch-border-radius);vertical-align:middle;border:1px solid var(--ti-switch-off-bg-color);background-color:var(--ti-switch-off-bg-color);position:relative;cursor:pointer;outline:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.tiny-switch .tiny-switch-inner{color:var(--ti-switch-text-color);font-size:var(--ti-switch-inner-font-size);position:absolute;left:calc(var(--ti-switch-dot-position-left) + 4px);top:-1px}.tiny-switch__text{width:var(--ti-switch-text-width)}.tiny-switch__text .tiny-switch-inner{left:calc(var(--ti-switch-dot-position-left) + 9px)}.tiny-switch.mini{width:calc(var(--ti-switch-width) - 6px)}.tiny-switch.disabled,.tiny-switch.tiny-switch-checked.disabled{cursor:not-allowed;background:var(--ti-switch-disabled-bg-color);border-color:var(--ti-switch-disabled-bg-color)}.tiny-switch.disabled::after,.tiny-switch.tiny-switch-checked.disabled::after{background:var(--ti-switch-disabled-dot-bg-color);cursor:not-allowed}.tiny-switch.disabled .tiny-switch-inner,.tiny-switch.tiny-switch-checked.disabled .tiny-switch-inner{color:var(--ti-switch-disabled-text-color)}.tiny-switch.tiny-switch-checked.disabled{background:var(--ti-switch-checked-disabled-bg-color);border-color:var(--ti-switch-checked-disabled-border-color)}.tiny-switch::after{content:'';width:var(--ti-switch-dot-size-height-width);height:var(--ti-switch-dot-size-height-width);border-radius:50%;background-color:var(--ti-switch-dot-bg-color);position:absolute;left:1px;top:1px;cursor:pointer;-webkit-transition:left .2s ease-in-out,width .2s ease-in-out;transition:left .2s ease-in-out,width .2s ease-in-out}.tiny-switch.tiny-switch-checked{border-color:var(--ti-switch-on-bg-color);background-color:var(--ti-switch-on-bg-color)}.tiny-switch.tiny-switch-checked .tiny-switch-inner{left:8px;width:calc(100% - var(--ti-switch-dot-size-height-width));overflow:hidden}.tiny-switch.tiny-switch-checked:after{left:calc(100% - var(--ti-switch-dot-offset))}
|
package/table/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-table{--ti-table-text-color:var(--ti-
|
|
1
|
+
.tiny-table{--ti-table-text-color:var(--ti-common-color-info-normal);--ti-table-bg-color:#fafafa;--ti-table-odd-bg-color:var(--ti-common-color-light);--ti-table-hover-bg-color:var(--ti-common-color-hover-background);--ti-table-disabled-text-color:var(--ti-common-color-placeholder);--ti-table-disabled-bg-color:#f1f1f1;--ti-table-nodata-text-color:#909399;--ti-table-td-height:var(--ti-common-size-height-medium);--ti-table-td-font-size:var(--ti-common-font-size-base);--ti-table-border-color:var(--ti-common-color-border);--ti-table-thead-bg-color:var(--ti-base-color-brand-1);--ti-table-icon-font-size:var(--ti-common-font-size-2);--ti-table-check-icon-color:var(--ti-base-color-brand-6)}.tiny-table.simple table{table-layout:fixed}.tiny-table.simple table tr{display:table-row;vertical-align:inherit;border-color:inherit}.tiny-table.simple table tbody{border-bottom:1px solid var(--ti-table-border-color)}.tiny-table.simple table tbody tr{color:var(--ti-table-text-color);background:var(--ti-table-bg-color)}.tiny-table.simple table tbody tr:nth-child(odd){background:var(--ti-table-odd-bg-color)}.tiny-table.simple table tbody tr:hover{background:var(--ti-table-hover-bg-color)}.tiny-table.simple table tbody tr.is-disabled{background:var(--ti-table-disabled-bg-color);color:var(--ti-table-disabled-text-color)}.tiny-table.simple table tbody .noData{width:582px;height:360px;text-align:center;color:var(--ti-table-nodata-text-color);margin-bottom:-1px;border-bottom:1px solid var(--ti-table-border-color);padding-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-table.simple table th{padding:2px 0 2px 8px;height:var(--ti-table-td-height);border-left:none}.tiny-table.simple table td{padding:2px 0 2px 8px;height:var(--ti-table-td-height);font-size:var(--ti-table-td-font-size)}.tiny-table.simple table td .overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-table.simple table thead{border-bottom:1px solid var(--ti-table-border-color);text-align:left;background:var(--ti-table-thead-bg-color);color:var(--ti-table-text-color)}.tiny-table.simple table thead th{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:var(--ti-table-td-font-size);color:var(--ti-table-text-color);line-height:1.7em}.tiny-table.simple table thead th .overflow{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-table.simple .tiny-table-header__line{float:right;border-left:1px solid var(--ti-table-border-color);height:20px}.tiny-table.simple .tiny-table-cell .tiny-svg{font-size:var(--ti-common-font-size-2);font-size:var(--ti-table-icon-font-size);fill:var(--ti-table-border-color)}.tiny-table.simple .tiny-table-cell .tiny-svg.is-check{fill:var(--ti-table-check-icon-color)}
|
package/tabs/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-tabs{--ti-tabs-header-font-normal-text-color:var(--ti-base-color-common-5);--ti-tabs-header-font-active-border-color:var(--ti-base-color-brand-6);--ti-tabs-header-text-color:var(--ti-base-color-brand-6);--ti-tabs-header-bg-color:#f5f5f5;--ti-tabs-border-color:var(--ti-common-color-line-dividing);--ti-tabs-height:var(--ti-common-size-10x);--ti-tabs-item-disabled-text-color:#b4bccc;--ti-tabs-icon-close-hover-bg-color:var(--ti-base-color-light);--ti-tabs-new-height:18px;--ti-tabs-new-width:18px;--ti-tabs-new-border-radius:var(--ti-base-radius-large);--ti-tabs-new-svg-text-color:var(--ti-base-color-placeholder);--ti-tabs-font-size-base:var(--ti-common-font-size-base);--ti-tabs-more-hover-text-color:var(--ti-base-color-brand-5);--ti-tabs-more-item-hover-bg-color:var(--ti-base-color-hover-background);--ti-tabs-dropdown-font-size:var(--ti-common-font-size-1);--ti-tabs-dropdown-bg-color:var(--ti-base-color-light);--ti-tabs-dropdown-border-radius:var(--ti-common-border-radius-normal);--ti-tabs-dropdown-li-text-color:var(--ti-base-color-secondary);--ti-tabs-dropdown-li-border-color:#e6e6e6;--ti-tabs-small-height:var(--ti-common-size-9x);--ti-tab-dark-border-radius:var(--ti-common-border-radius-normal) var(--ti-common-border-radius-normal) 0 0;--ti-tab-dark-text-color-active:var(--ti-base-color-common-7);--ti-tab-dark-bg-color-active:var(--ti-base-color-bg-6);--ti-tab-dark-text-color-hover:var(--ti-base-color-white);--ti-tab-dark-bg-color-hover:var(--ti-base-color-common-4);--ti-tab-dark-text-color:var(--ti-base-color-common-2);--ti-tabs-header-dark-bg-color:var(--ti-base-color-common-6);--ti-tabs-item-margin-right:var(--ti-common-space-10x);--ti-tabs-item-padding-horizontal:var(--ti-common-space-3x);--ti-tabs-item-vertical-padding-horizontal:var(--ti-common-space-5x);--ti-tabs-item-active-border-weight:3px;--ti-tabs-item-active-border-style:solid;--ti-tabs-item-active-border-color:var(--ti-tabs-header-font-active-border-color);--ti-tabs-item-bottom-border-weight:1px;--ti-tabs-item-bottom-border-style:solid;--ti-tabs-item-bottom-border-color:var(--ti-base-color-white);--ti-tabs-item-card-active-bg-color:var(--ti-base-color-white);--ti-tabs-item-card-border-radius:0;--ti-tabs-icon-close-default-bg-color:transparent;--ti-tabs-icon-close-default-text-color:var(--ti-tabs-header-font-normal-text-color);--ti-tabs-icon-close-hover-text-color:var(--ti-tabs-header-font-active-border-color);--ti-tabs-icon-size-close:var(--ti-common-font-size-1);--ti-tabs-icon-close-margin-vertical:0;--ti-tabs-icon-close-margin-right:0;--ti-tabs-icon-close-margin-left:5px}.tiny-tabs--left,.tiny-tabs--right,.tiny-tabs__content,.tiny-tabs__nav-scroll,.tiny-tabs__nav-wrap{overflow:hidden}.tiny-tabs__header{padding:0;position:relative;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tiny-tabs__header .tiny-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:var(--ti-tabs-header-text-color);z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.tiny-tabs__header .tiny-tabs__new-tab{float:right;border:1px solid var(--ti-tabs-border-color);height:var(--ti-tabs-new-height);line-height:var(--ti-tabs-new-height);width:var(--ti-tabs-new-width);margin:12px 0 9px 10px;border-radius:var(--ti-tabs-new-border-radius);font-size:var(--ti-tabs-font-size-base);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;outline:0}.tiny-tabs__header .tiny-tabs__new-tab svg{fill:var(--ti-tabs-new-svg-text-color)}.tiny-tabs__header .tiny-tabs__new-tab:hover svg{fill:var(--ti-tabs-header-text-color)}.tiny-tabs__header .tiny-tabs__nav-wrap{margin-bottom:-1px;position:relative}.tiny-tabs__header .tiny-tabs__nav-wrap::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--ti-tabs-border-color);z-index:1}.tiny-tabs__header .tiny-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-tabs__header .tab-dropdown{position:absolute;right:8px;z-index:90;font-size:var(--ti-tabs-dropdown-font-size);-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.18);box-shadow:0 1px 2px 1px rgba(0,0,0,.18);background:var(--ti-tabs-dropdown-bg-color);border-radius:var(--ti-tabs-dropdown-border-radius)}.tiny-tabs__header .tab-dropdown:before{position:absolute;display:inline-block;top:-5px;left:44%;width:0;height:0;content:'';border-style:solid;border-width:6px;border-color:#fff #fff transparent transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:1px -1px 1px #e4e4e4;box-shadow:1px -1px 1px #e4e4e4}.tiny-tabs__header .tab-dropdown li{border-bottom:1px solid var(--ti-tabs-dropdown-li-border-color)}.tiny-tabs__header .tab-dropdown li:last-child{border-bottom:none}.tiny-tabs__header .tab-dropdown li a{white-space:nowrap;color:var(--ti-tabs-dropdown-li-text-color);line-height:26px;padding:0 10px;min-width:100px;display:block;font-size:var(--ti-tabs-font-size-base)}.tiny-tabs__header .tab-dropdown li a:hover{color:var(--ti-tabs-more-hover-text-color);text-decoration:none}.tiny-tabs__nav-more{position:absolute;cursor:pointer;height:var(--ti-tabs-height);line-height:var(--ti-tabs-height);font-size:var(--ti-common-font-size-1);right:45px;z-index:99;color:var(--ti-tabs-header-text-color)}.tiny-tabs__nav-next,.tiny-tabs__nav-prev{position:absolute;cursor:pointer;line-height:var(--ti-tabs-height);font-size:var(--ti-common-font-size-base);color:var(--ti-tabs-header-font-normal-text-color)}.tiny-tabs__nav-next{right:0}.tiny-tabs__nav-prev{left:0}.tiny-tabs__nav:not(.is-stretch) .tiny-tabs__item__title{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.tiny-tabs__nav{white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.tiny-tabs__nav.is-stretch{min-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-tabs__nav.is-stretch>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.tiny-tabs__nav.is-show-active-bar .tiny-tabs__item{margin-right:var(--ti-tabs-item-margin-right)}.tiny-tabs__nav.is-show-active-bar .tiny-tabs__item.is-active{border-bottom:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color)}.tiny-tabs__item{height:var(--ti-tabs-height);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:var(--ti-tabs-height);display:inline-block;list-style:none;font-size:var(--ti-tabs-dropdown-font-size);color:var(--ti-tabs-header-font-normal-text-color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.tiny-tabs__item:active,.tiny-tabs__item:focus{outline:0}.tiny-tabs__item.is-active,.tiny-tabs__item:hover{color:var(--ti-tabs-header-font-active-border-color);cursor:pointer}.tiny-tabs__item.is-active .tiny-tabs__icon-close svg,.tiny-tabs__item:hover .tiny-tabs__icon-close svg{fill:var(--ti-tabs-icon-close-hover-text-color)}.tiny-tabs__item.is-disabled{color:var(--ti-tabs-item-disabled-text-color);cursor:default}.tiny-tabs__item.is-disabled .tiny-tabs__icon-close,.tiny-tabs__item.is-disabled .tiny-tabs__icon-close:hover{background-color:transparent}.tiny-tabs__item.is-disabled .tiny-tabs__icon-close svg,.tiny-tabs__item.is-disabled .tiny-tabs__icon-close:hover svg{fill:var(--ti-tabs-item-disabled-text-color)}.tiny-tabs__item.is-closable>div{display:inline-block}.tiny-tabs__item>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tabs__item .tiny-tabs__icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin:var(--ti-tabs-icon-close-margin-vertical) var(--ti-tabs-icon-close-margin-right) var(--ti-tabs-icon-close-margin-vertical) var(--ti-tabs-icon-close-margin-left);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;background-color:var(--ti-tabs-icon-close-default-bg-color)}.tiny-tabs__item .tiny-tabs__icon-close svg{font-size:var(--ti-tabs-font-size-base);-webkit-transform:scale(.9);transform:scale(.9);vertical-align:middle;fill:var(--ti-tabs-icon-close-default-text-color)}.tiny-tabs__item .tiny-tabs__icon-close:hover{background-color:var(--ti-tabs-icon-close-hover-bg-color)}.tiny-tabs__item .tiny-tabs__icon-close:hover svg{fill:var(--ti-tabs-icon-close-hover-text-color)}.tiny-tabs__content{position:relative;padding:15px 24px}.tiny-tabs .is-show-more{padding:0 48px 0 0}.tiny-tabs__more-container{position:absolute;right:0;font-size:var(--ti-tabs-font-size-base);color:var(--ti-tabs-header-font-normal-text-color);line-height:var(--ti-tabs-height)}.tiny-tabs__more{cursor:pointer;color:var(--ti-tabs-header-text-color);font-size:var(--ti-tabs-dropdown-font-size);outline:0}.tiny-tabs__more:hover{color:var(--ti-tabs-more-hover-text-color)}.tiny-tabs__more-popover.tiny-popover.tiny-popper{padding:0;border-radius:var(--ti-tabs-dropdown-border-radius);-webkit-box-shadow:0 0 4px rgba(0,0,0,.15);box-shadow:0 0 4px rgba(0,0,0,.15)}.tiny-tabs__more-popover .tiny-tabs__more-item{cursor:pointer;padding:8px 12px;outline:0}.tiny-tabs__more-popover .tiny-tabs__more-item:hover{background:var(--ti-tabs-more-item-hover-bg-color)}.tiny-tabs.tiny-tabs--card.tiny-tabs--left .tiny-tabs__nav,.tiny-tabs.tiny-tabs--card.tiny-tabs--right .tiny-tabs__nav{width:120px}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active{top:-1px;border-bottom:var(--ti-tabs-item-bottom-border-weight) var(--ti-tabs-item-bottom-border-style) var(--ti-tabs-item-bottom-border-color);border-top:1px solid var(--ti-tabs-border-color);border-left:1px solid var(--ti-tabs-border-color);border-right:1px solid var(--ti-tabs-border-color);background-color:var(--ti-tabs-item-card-active-bg-color);border-radius:var(--ti-tabs-item-card-border-radius)}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;top:0}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active{-webkit-box-shadow:0 -2px 0 0 #fff;box-shadow:0 -2px 0 0 #fff}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;bottom:0}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header{border-bottom:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item{border-bottom:1px solid transparent;border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid transparent;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item:first-child{border-left:none}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav{border-bottom:none;top:1px}.tiny-tabs.tiny-tabs--border-card{background:#fff;border-top:1px solid var(--ti-tabs-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-tabs.tiny-tabs--border-card>.tiny-tabs__content{padding:0 24px 15px}.tiny-tabs.tiny-tabs--border-card>.tiny-tabs__content .tiny-tabs__content{padding:15px 0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header{background-color:var(--ti-tabs-header-dark-bg-color);border:none;margin:0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin:-1px -1px 0;color:var(--ti-tab-dark-text-color);padding:0 24px;border:none;height:37px;margin:5px 4px 0 0;line-height:37px}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:nth-child(2){padding:0 12px}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active{color:var(--ti-tab-dark-text-color-active);background-color:var(--ti-tab-dark-bg-color-active);border:none;border-bottom-color:#fff;border-radius:var(--ti-tab-dark-border-radius)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;top:0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:not(.is-active):hover{color:var(--ti-tab-dark-text-color-hover);background:var(--ti-tab-dark-bg-color-hover)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:first-child{margin-left:20px}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__nav-prev{fill:var(--ti-common-color-icon-white)}.tiny-tabs.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs--bottom{border-top:0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{position:absolute;content:'';width:100%;height:0;background:var(--ti-tabs-header-text-color)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:var(--ti-tabs-icon-size-close);height:var(--ti-tabs-icon-size-close);line-height:var(--ti-tabs-icon-size-close);vertical-align:middle;overflow:hidden;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom .is-scrollable,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top .is-scrollable,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom .is-scrollable,.tiny-tabs.tiny-tabs--card.tiny-tabs--top .is-scrollable{padding:0 24px}.tiny-tabs.tiny-tabs--border-card>.tiny-tabs__header .tiny-tabs__nav-wrap:after,.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav-wrap:after{content:none}.tiny-tabs.tiny-tabs--small .tiny-tabs__item{height:var(--ti-tabs-small-height);line-height:var(--ti-tabs-small-height)}.tiny-tabs.tiny-tabs--left .tiny-tabs__header{float:left;margin-bottom:0;margin-right:10px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap{margin-right:-1px}.tiny-tabs.tiny-tabs--left .tiny-tabs__item{text-align:left}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item{padding:0 var(--ti-tabs-item-vertical-padding-horizontal)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item{border-left:1px solid var(--ti-tabs-border-color);border-right:1px solid var(--ti-tabs-border-color);border-top:1px solid var(--ti-tabs-border-color);background-color:var(--ti-tabs-header-bg-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item:first-child{border-top:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active{border-right-color:transparent;border-left:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color);border-bottom:none;background:0 0}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active:first-child{border-top:none;border-right-color:transparent}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active:last-child{border-bottom:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav{border-right:none;border-left:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__new-tab{float:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__header{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active{border:1px solid var(--ti-tabs-border-color);border-left:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs__item{margin:-1px}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs__item.is-bottom.is-active{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap::after{right:auto;left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-scroll{height:100%}.tiny-tabs.tiny-tabs--right .tiny-tabs__header{float:right;margin-bottom:0;margin-left:10px}.tiny-tabs.tiny-tabs--right .tiny-tabs__header.is-left{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{margin-left:-1px}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-left{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap:after{left:0;right:auto}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item{border-top:1px solid var(--ti-tabs-border-color);border-bottom:none;background-color:var(--ti-tabs-header-bg-color);padding:0 var(--ti-tabs-item-vertical-padding-horizontal)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active{border-left-color:transparent;border-right:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color);background:0 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active:first-child{border-left:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active:last-child{border-bottom:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active.is-bottom{border-top:0;border-right:0;border-left-color:var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active.is-bottom:first-child{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item:first-child{border-left:1px solid var(--ti-tabs-border-color);border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom:first-child{border-top:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom.is-active:first-child{border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom,.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-top{background:0 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__nav{border-bottom:1px solid var(--ti-tabs-border-color);border-left:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__nav.is-bottom{border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__header{margin-left:0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item{border-top:none;border-bottom:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item.is-active{top:0;border-right:0;border-left-color:var(--ti-tabs-border-color);border-bottom:1px solid #fff}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item.is-active:first-child{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-top{margin:0 0 -1px -1px}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-top.is-active{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-bottom{margin:-1px}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-bottom.is-active{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-right{margin:-1px 0 -1px 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-right.is-active{border-top:1px solid var(--ti-tabs-border-color);border-bottom:1px solid var(--ti-tabs-border-color);border-right:3px solid var(--ti-tabs-header-font-active-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__nav.is-bottom{border-bottom:0}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__header{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__item.is-active{border-color:var(--ti-tabs-border-color) transparent}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar{left:auto;right:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar.is-bottom{left:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar.is-left{left:0;right:auto}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav-wrap::after{left:auto;right:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav-wrap.is-left::after{left:0;right:auto}.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-bottom{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item{border-bottom:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--bottom:not(.tiny-tabs--card) .tiny-tabs__item{border-top:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--card .tiny-tabs__item.is-active:first-child{border-left:3px solid var(--ti-tabs-header-font-active-border-color);border-right:0}.tiny-tabs.tiny-tabs--right .tiny-tabs--left:not(.tiny-tabs--card) .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav{border-bottom:0}.tiny-tabs.tiny-tabs--right .tiny-tabs--left:not(.tiny-tabs--card) .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__item{border:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active{border:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active.is-left{border-left:3px solid var(--ti-tabs-header-font-active-border-color)}.tiny-tabs.tiny-tabs--left .tiny-tabs__header,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tabs__header,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{height:100%}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar{top:1px;bottom:auto;width:2px;height:auto}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar.is-top,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar.is-top{height:3px;bottom:0;left:0;top:auto}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar.is-bottom{top:auto;bottom:0;height:3px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{margin-bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-scrollable,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-scrollable{padding:30px 0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap::after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap::after{height:100%;width:2px;bottom:auto;top:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-top::after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-top::after{left:0;bottom:0;top:auto;width:100%;height:1px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-bottom:after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-bottom:after{left:0;bottom:0;top:auto;width:100%;height:1px;background-color:#d9d9d9;z-index:1}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav{float:none}.tiny-tabs.tiny-tabs--left .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tabs__item{display:block;font-size:var(--ti-tabs-font-size-base)}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next i,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev i,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next i,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev{left:auto;top:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next{right:auto;bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap{float:inherit;margin-bottom:-1px}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-bottom,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-top,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-bottom,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-top,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-top,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-top{float:none;margin-right:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-left,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-left{float:left;margin-bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-right,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-right{float:right;margin-bottom:0;margin-right:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item{display:inline-block}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item.is-right{display:inherit}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-scrollable,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-scrollable{padding:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-prev{display:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__header{border:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__header{border-top:0;border-left:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__item.is-active,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__item.is-active{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-bottom.tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-bottom.tiny-tabs__header{border-left:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs__header{margin-bottom:0;margin-top:10px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__header{background:var(--ti-tabs-header-bg-color);border-bottom:1px solid var(--ti-tabs-border-color);border-right:1px solid var(--ti-tabs-border-color);border-top:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__nav-wrap{margin-top:-1px;margin-bottom:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-top{margin-bottom:-1px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:0 -1px -1px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item.is-active{background-color:var(--ti-tabs-dropdown-bg-color);border-right-color:var(--ti-tabs-border-color);border-left-color:var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item.is-active:before{left:0;bottom:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header{background:0 0;border:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-prev{display:none}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-wrap{padding:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__item.is-active{background-color:transparent;border:none}.tiny-tabs.tiny-tabs--bottom .tiny-tabs--left .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom .tiny-tabs--right .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom.tiny-tabs--card .tiny-tabs__item,.tiny-tabs.tiny-tabs--top .tiny-tabs--left .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top .tiny-tabs--right .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top.tiny-tabs--border-card .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top.tiny-tabs--card .tiny-tabs__item{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item{padding-left:0}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item.is-left{padding:0 24px}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item:nth-child(2){padding-left:0}.tiny-tabs .slideInLeft-transition,.tiny-tabs .slideInRight-transition{display:inline-block}.tiny-tabs .slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.tiny-tabs .slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.tiny-tabs .slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.tiny-tabs .slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}
|
|
1
|
+
.tiny-tabs{--ti-tabs-header-font-normal-text-color:var(--ti-base-color-common-5);--ti-tabs-header-font-active-border-color:var(--ti-base-color-brand-6);--ti-tabs-header-text-color:var(--ti-base-color-brand-6);--ti-tabs-header-bg-color:#f5f5f5;--ti-tabs-border-color:var(--ti-common-color-line-dividing);--ti-tabs-height:var(--ti-common-size-10x);--ti-tabs-item-disabled-text-color:#b4bccc;--ti-tabs-icon-close-hover-bg-color:var(--ti-common-color-light);--ti-tabs-new-height:18px;--ti-tabs-new-width:18px;--ti-tabs-new-border-radius:var(--ti-common-radius-large);--ti-tabs-new-svg-text-color:var(--ti-common-color-placeholder);--ti-tabs-font-size-base:var(--ti-common-font-size-base);--ti-tabs-more-hover-text-color:var(--ti-base-color-brand-5);--ti-tabs-more-item-hover-bg-color:var(--ti-common-color-hover-background);--ti-tabs-dropdown-font-size:var(--ti-common-font-size-1);--ti-tabs-dropdown-bg-color:var(--ti-common-color-light);--ti-tabs-dropdown-border-radius:var(--ti-common-border-radius-normal);--ti-tabs-dropdown-li-text-color:var(--ti-common-color-secondary);--ti-tabs-dropdown-li-border-color:#e6e6e6;--ti-tabs-small-height:var(--ti-common-size-9x);--ti-tab-dark-border-radius:var(--ti-common-border-radius-normal) var(--ti-common-border-radius-normal) 0 0;--ti-tab-dark-text-color-active:var(--ti-base-color-common-7);--ti-tab-dark-bg-color-active:var(--ti-base-color-bg-6);--ti-tab-dark-text-color-hover:var(--ti-base-color-white);--ti-tab-dark-bg-color-hover:var(--ti-base-color-common-4);--ti-tab-dark-text-color:var(--ti-base-color-common-2);--ti-tabs-header-dark-bg-color:var(--ti-base-color-common-6);--ti-tabs-item-margin-right:var(--ti-common-space-10x);--ti-tabs-item-padding-horizontal:var(--ti-common-space-3x);--ti-tabs-item-vertical-padding-horizontal:var(--ti-common-space-5x);--ti-tabs-item-active-border-weight:3px;--ti-tabs-item-active-border-style:solid;--ti-tabs-item-active-border-color:var(--ti-tabs-header-font-active-border-color);--ti-tabs-item-bottom-border-weight:1px;--ti-tabs-item-bottom-border-style:solid;--ti-tabs-item-bottom-border-color:var(--ti-base-color-white);--ti-tabs-item-card-active-bg-color:var(--ti-base-color-white);--ti-tabs-item-card-border-radius:0;--ti-tabs-icon-close-default-bg-color:transparent;--ti-tabs-icon-close-default-text-color:var(--ti-tabs-header-font-normal-text-color);--ti-tabs-icon-close-hover-text-color:var(--ti-tabs-header-font-active-border-color);--ti-tabs-icon-size-close:var(--ti-common-font-size-1);--ti-tabs-icon-close-margin-vertical:0;--ti-tabs-icon-close-margin-right:0;--ti-tabs-icon-close-margin-left:5px}.tiny-tabs--left,.tiny-tabs--right,.tiny-tabs__content,.tiny-tabs__nav-scroll,.tiny-tabs__nav-wrap{overflow:hidden}.tiny-tabs__header{padding:0;position:relative;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tiny-tabs__header .tiny-tabs__active-bar{position:absolute;bottom:0;left:0;height:2px;background-color:var(--ti-tabs-header-text-color);z-index:1;-webkit-transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:-webkit-transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1);transition:transform .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);list-style:none}.tiny-tabs__header .tiny-tabs__new-tab{float:right;border:1px solid var(--ti-tabs-border-color);height:var(--ti-tabs-new-height);line-height:var(--ti-tabs-new-height);width:var(--ti-tabs-new-width);margin:12px 0 9px 10px;border-radius:var(--ti-tabs-new-border-radius);font-size:var(--ti-tabs-font-size-base);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .15s;transition:all .15s;outline:0}.tiny-tabs__header .tiny-tabs__new-tab svg{fill:var(--ti-tabs-new-svg-text-color)}.tiny-tabs__header .tiny-tabs__new-tab:hover svg{fill:var(--ti-tabs-header-text-color)}.tiny-tabs__header .tiny-tabs__nav-wrap{margin-bottom:-1px;position:relative;width:100%}.tiny-tabs__header .tiny-tabs__nav-wrap::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--ti-tabs-border-color);z-index:1}.tiny-tabs__header .tiny-tabs__nav-wrap.is-scrollable{padding:0 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-tabs__header .tab-dropdown{position:absolute;right:8px;z-index:90;font-size:var(--ti-tabs-dropdown-font-size);-webkit-box-shadow:0 1px 2px 1px rgba(0,0,0,.18);box-shadow:0 1px 2px 1px rgba(0,0,0,.18);background:var(--ti-tabs-dropdown-bg-color);border-radius:var(--ti-tabs-dropdown-border-radius)}.tiny-tabs__header .tab-dropdown:before{position:absolute;display:inline-block;top:-5px;left:44%;width:0;height:0;content:'';border-style:solid;border-width:6px;border-color:#fff #fff transparent transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:1px -1px 1px #e4e4e4;box-shadow:1px -1px 1px #e4e4e4}.tiny-tabs__header .tab-dropdown li{border-bottom:1px solid var(--ti-tabs-dropdown-li-border-color)}.tiny-tabs__header .tab-dropdown li:last-child{border-bottom:none}.tiny-tabs__header .tab-dropdown li a{white-space:nowrap;color:var(--ti-tabs-dropdown-li-text-color);line-height:26px;padding:0 10px;min-width:100px;display:block;font-size:var(--ti-tabs-font-size-base)}.tiny-tabs__header .tab-dropdown li a:hover{color:var(--ti-tabs-more-hover-text-color);text-decoration:none}.tiny-tabs__nav-more{position:absolute;cursor:pointer;height:var(--ti-tabs-height);line-height:var(--ti-tabs-height);font-size:var(--ti-common-font-size-1);right:45px;z-index:99;color:var(--ti-tabs-header-text-color)}.tiny-tabs__nav-next,.tiny-tabs__nav-prev{position:absolute;cursor:pointer;line-height:var(--ti-tabs-height);font-size:var(--ti-common-font-size-base);color:var(--ti-tabs-header-font-normal-text-color)}.tiny-tabs__nav-next{right:0}.tiny-tabs__nav-prev{left:0}.tiny-tabs__nav:not(.is-stretch) .tiny-tabs__item__title{display:inline-block;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.tiny-tabs__nav{white-space:nowrap;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;float:left;z-index:2}.tiny-tabs__nav.is-stretch{min-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-tabs__nav.is-stretch>*{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:center}.tiny-tabs__nav.is-show-active-bar .tiny-tabs__item{margin-right:var(--ti-tabs-item-margin-right)}.tiny-tabs__nav.is-show-active-bar .tiny-tabs__item.is-active{border-bottom:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color)}.tiny-tabs__item{height:var(--ti-tabs-height);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:var(--ti-tabs-height);display:inline-block;list-style:none;font-size:var(--ti-tabs-dropdown-font-size);color:var(--ti-tabs-header-font-normal-text-color);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.tiny-tabs__item:active,.tiny-tabs__item:focus{outline:0}.tiny-tabs__item.is-active,.tiny-tabs__item:hover{color:var(--ti-tabs-header-font-active-border-color);cursor:pointer}.tiny-tabs__item.is-active .tiny-tabs__icon-close svg,.tiny-tabs__item:hover .tiny-tabs__icon-close svg{fill:var(--ti-tabs-icon-close-hover-text-color)}.tiny-tabs__item.is-disabled{color:var(--ti-tabs-item-disabled-text-color);cursor:default}.tiny-tabs__item.is-disabled .tiny-tabs__icon-close,.tiny-tabs__item.is-disabled .tiny-tabs__icon-close:hover{background-color:transparent}.tiny-tabs__item.is-disabled .tiny-tabs__icon-close svg,.tiny-tabs__item.is-disabled .tiny-tabs__icon-close:hover svg{fill:var(--ti-tabs-item-disabled-text-color)}.tiny-tabs__item.is-closable>div{display:inline-block}.tiny-tabs__item>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-tabs__item .tiny-tabs__icon-close{border-radius:50%;text-align:center;-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin:var(--ti-tabs-icon-close-margin-vertical) var(--ti-tabs-icon-close-margin-right) var(--ti-tabs-icon-close-margin-vertical) var(--ti-tabs-icon-close-margin-left);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;background-color:var(--ti-tabs-icon-close-default-bg-color)}.tiny-tabs__item .tiny-tabs__icon-close svg{font-size:var(--ti-tabs-font-size-base);-webkit-transform:scale(.9);transform:scale(.9);vertical-align:middle;fill:var(--ti-tabs-icon-close-default-text-color)}.tiny-tabs__item .tiny-tabs__icon-close:hover{background-color:var(--ti-tabs-icon-close-hover-bg-color)}.tiny-tabs__item .tiny-tabs__icon-close:hover svg{fill:var(--ti-tabs-icon-close-hover-text-color)}.tiny-tabs__content{position:relative;padding:15px 24px}.tiny-tabs .is-show-more{padding:0 48px 0 0}.tiny-tabs__more-container{position:absolute;right:0;font-size:var(--ti-tabs-font-size-base);color:var(--ti-tabs-header-font-normal-text-color);line-height:var(--ti-tabs-height)}.tiny-tabs__more{cursor:pointer;color:var(--ti-tabs-header-text-color);font-size:var(--ti-tabs-dropdown-font-size);outline:0}.tiny-tabs__more:hover{color:var(--ti-tabs-more-hover-text-color)}.tiny-tabs__more-popover.tiny-popover.tiny-popper{padding:0;border-radius:var(--ti-tabs-dropdown-border-radius);-webkit-box-shadow:0 0 4px rgba(0,0,0,.15);box-shadow:0 0 4px rgba(0,0,0,.15)}.tiny-tabs__more-popover .tiny-tabs__more-item{cursor:pointer;padding:8px 12px;outline:0}.tiny-tabs__more-popover .tiny-tabs__more-item:hover{background:var(--ti-tabs-more-item-hover-bg-color)}.tiny-tabs.tiny-tabs--card.tiny-tabs--left .tiny-tabs__nav,.tiny-tabs.tiny-tabs--card.tiny-tabs--right .tiny-tabs__nav{width:120px}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active{top:-1px;border-bottom:var(--ti-tabs-item-bottom-border-weight) var(--ti-tabs-item-bottom-border-style) var(--ti-tabs-item-bottom-border-color);border-top:1px solid var(--ti-tabs-border-color);border-left:1px solid var(--ti-tabs-border-color);border-right:1px solid var(--ti-tabs-border-color);background-color:var(--ti-tabs-item-card-active-bg-color);border-radius:var(--ti-tabs-item-card-border-radius)}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;top:0}.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active{-webkit-box-shadow:0 -2px 0 0 #fff;box-shadow:0 -2px 0 0 #fff}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;bottom:0}.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header{border-bottom:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item{border-bottom:1px solid transparent;border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid transparent;-webkit-transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1);transition:color .3s cubic-bezier(.645,.045,.355,1),padding .3s cubic-bezier(.645,.045,.355,1)}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item:first-child{border-left:none}.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav{border-bottom:none;top:1px}.tiny-tabs.tiny-tabs--border-card{background:#fff;border-top:1px solid var(--ti-tabs-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-tabs.tiny-tabs--border-card>.tiny-tabs__content{padding:0 24px 15px}.tiny-tabs.tiny-tabs--border-card>.tiny-tabs__content .tiny-tabs__content{padding:15px 0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header{background-color:var(--ti-tabs-header-dark-bg-color);border:none;margin:0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item{-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);margin:-1px -1px 0;color:var(--ti-tab-dark-text-color);padding:0 24px;border:none;height:37px;margin:5px 4px 0 0;line-height:37px}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:nth-child(2){padding:0 12px}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active{color:var(--ti-tab-dark-text-color-active);background-color:var(--ti-tab-dark-bg-color-active);border:none;border-bottom-color:#fff;border-radius:var(--ti-tab-dark-border-radius)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{left:0;top:0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active.is-closable{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:not(.is-active):hover{color:var(--ti-tab-dark-text-color-hover);background:var(--ti-tab-dark-bg-color-hover)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item:first-child{margin-left:20px}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__nav-prev{fill:var(--ti-common-color-icon-white)}.tiny-tabs.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs--bottom{border-top:0}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item.is-active:before,.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item.is-active:before{position:absolute;content:'';width:100%;height:0;background:var(--ti-tabs-header-text-color)}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close,.tiny-tabs.tiny-tabs--card.tiny-tabs--top>.tiny-tabs__header .tiny-tabs__item .tiny-tabs__icon-close{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:var(--ti-tabs-icon-size-close);height:var(--ti-tabs-icon-size-close);line-height:var(--ti-tabs-icon-size-close);vertical-align:middle;overflow:hidden;-webkit-transform-origin:100% 50%;transform-origin:100% 50%}.tiny-tabs.tiny-tabs--border-card.tiny-tabs--bottom .is-scrollable,.tiny-tabs.tiny-tabs--border-card.tiny-tabs--top .is-scrollable,.tiny-tabs.tiny-tabs--card.tiny-tabs--bottom .is-scrollable,.tiny-tabs.tiny-tabs--card.tiny-tabs--top .is-scrollable{padding:0 24px}.tiny-tabs.tiny-tabs--border-card>.tiny-tabs__header .tiny-tabs__nav-wrap:after,.tiny-tabs.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav-wrap:after{content:none}.tiny-tabs.tiny-tabs--small .tiny-tabs__item{height:var(--ti-tabs-small-height);line-height:var(--ti-tabs-small-height)}.tiny-tabs.tiny-tabs--left .tiny-tabs__header{float:left;margin-bottom:0;margin-right:10px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap{margin-right:-1px}.tiny-tabs.tiny-tabs--left .tiny-tabs__item{text-align:left}.tiny-tabs.tiny-tabs--left.tiny-tabs--card .tiny-tabs__item{padding:0 var(--ti-tabs-item-vertical-padding-horizontal)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item{border-left:1px solid var(--ti-tabs-border-color);border-right:1px solid var(--ti-tabs-border-color);border-top:1px solid var(--ti-tabs-border-color);background-color:var(--ti-tabs-header-bg-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item:first-child{border-top:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active{border-right-color:transparent;border-left:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color);border-bottom:none;background:0 0}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active:first-child{border-top:none;border-right-color:transparent}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__item.is-active:last-child{border-bottom:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__nav{border-right:none;border-left:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--card>.tiny-tabs__header .tiny-tabs__new-tab{float:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__header{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active{border:1px solid var(--ti-tabs-border-color);border-left:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs__item{margin:-1px}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .tiny-tabs__item.is-bottom.is-active{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap::after{right:auto;left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-scroll{height:100%}.tiny-tabs.tiny-tabs--right .tiny-tabs__header{float:right;margin-bottom:0;margin-left:10px}.tiny-tabs.tiny-tabs--right .tiny-tabs__header.is-left{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{margin-left:-1px}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-left{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap:after{left:0;right:auto}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item{border-top:1px solid var(--ti-tabs-border-color);border-bottom:none;background-color:var(--ti-tabs-header-bg-color);padding:0 var(--ti-tabs-item-vertical-padding-horizontal)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active{border-left-color:transparent;border-right:var(--ti-tabs-item-active-border-weight) var(--ti-tabs-item-active-border-style) var(--ti-tabs-item-active-border-color);background:0 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active:first-child{border-left:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active:last-child{border-bottom:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active.is-bottom{border-top:0;border-right:0;border-left-color:var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-active.is-bottom:first-child{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item:first-child{border-left:1px solid var(--ti-tabs-border-color);border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom:first-child{border-top:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom.is-active:first-child{border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-bottom,.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__item.is-top{background:0 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__nav{border-bottom:1px solid var(--ti-tabs-border-color);border-left:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs__nav.is-bottom{border-top:none}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__header{margin-left:0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item{border-top:none;border-bottom:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item.is-active{top:0;border-right:0;border-left-color:var(--ti-tabs-border-color);border-bottom:1px solid #fff}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tab-pane .tiny-tabs--top .tiny-tabs__item.is-active:first-child{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-top{margin:0 0 -1px -1px}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-top.is-active{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-bottom{margin:-1px}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-bottom.is-active{border-right:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-right{margin:-1px 0 -1px 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__item.is-right.is-active{border-top:1px solid var(--ti-tabs-border-color);border-bottom:1px solid var(--ti-tabs-border-color);border-right:3px solid var(--ti-tabs-header-font-active-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--card .tiny-tabs--border-card .tiny-tabs__nav.is-bottom{border-bottom:0}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__header{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:-1px -1px -1px 0}.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__item.is-active{border-color:var(--ti-tabs-border-color) transparent}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar{left:auto;right:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar.is-bottom{left:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__active-bar.is-left{left:0;right:auto}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav-wrap::after{left:auto;right:0}.tiny-tabs.tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav-wrap.is-left::after{left:0;right:auto}.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-bottom{margin-left:0}.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item{border-bottom:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--bottom:not(.tiny-tabs--card) .tiny-tabs__item{border-top:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--card .tiny-tabs__item.is-active:first-child{border-left:3px solid var(--ti-tabs-header-font-active-border-color);border-right:0}.tiny-tabs.tiny-tabs--right .tiny-tabs--left:not(.tiny-tabs--card) .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__nav{border-bottom:0}.tiny-tabs.tiny-tabs--right .tiny-tabs--left:not(.tiny-tabs--card) .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tabs--right:not(.tiny-tabs--card) .tiny-tabs__item{border:0;background-color:transparent}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active{border:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--right .tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__item.is-active.is-left{border-left:3px solid var(--ti-tabs-header-font-active-border-color)}.tiny-tabs.tiny-tabs--left .tiny-tabs__header,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tabs__header,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{height:100%}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar{top:1px;bottom:auto;width:2px;height:auto}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar.is-top,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar.is-top{height:3px;bottom:0;left:0;top:auto}.tiny-tabs.tiny-tabs--left .tiny-tabs__active-bar.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tabs__active-bar.is-bottom{top:auto;bottom:0;height:3px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap{margin-bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-scrollable,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-scrollable{padding:30px 0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap::after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap::after{height:100%;width:2px;bottom:auto;top:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-top::after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-top::after{left:0;bottom:0;top:auto;width:100%;height:1px}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-wrap.is-bottom:after,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-wrap.is-bottom:after{left:0;bottom:0;top:auto;width:100%;height:1px;background-color:#d9d9d9;z-index:1}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav{float:none}.tiny-tabs.tiny-tabs--left .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tabs__item{display:block;font-size:var(--ti-tabs-font-size-base)}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev{height:30px;line-height:30px;width:100%;text-align:center;cursor:pointer}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next i,.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev i,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next i,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev i{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-prev{left:auto;top:0}.tiny-tabs.tiny-tabs--left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right .tiny-tabs__nav-next{right:auto;bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap{float:inherit;margin-bottom:-1px}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-bottom,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-top,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-bottom,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-top,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-top,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-bottom,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-top{float:none;margin-right:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-left,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-left{float:left;margin-bottom:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__header.is-right,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav-wrap.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__header.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav-wrap.is-right{float:right;margin-bottom:0;margin-right:0}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item{display:inline-block}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__item.is-right,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__item.is-right{display:inherit}.tiny-tabs.tiny-tabs--left .tiny-tab-pane .tiny-tabs__nav,.tiny-tabs.tiny-tabs--right .tiny-tab-pane .tiny-tabs__nav{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-scrollable,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-scrollable{padding:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__nav-prev{display:none}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs__header{border:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__header{border-top:0;border-left:0}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__item.is-active,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-top.tiny-tabs__item.is-active{border-left:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--left.tiny-tabs--border-card .tiny-tabs--border-card .is-bottom.tiny-tabs__header,.tiny-tabs.tiny-tabs--right.tiny-tabs--border-card .tiny-tabs--border-card .is-bottom.tiny-tabs__header{border-left:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs__header{margin-bottom:0;margin-top:10px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__header{background:var(--ti-tabs-header-bg-color);border-bottom:1px solid var(--ti-tabs-border-color);border-right:1px solid var(--ti-tabs-border-color);border-top:1px solid var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__nav-wrap{margin-top:-1px;margin-bottom:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__nav-wrap.is-top{margin-bottom:-1px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item{border:1px solid transparent;margin:0 -1px -1px}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item.is-active{background-color:var(--ti-tabs-dropdown-bg-color);border-right-color:var(--ti-tabs-border-color);border-left-color:var(--ti-tabs-border-color)}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item.is-active:before{left:0;bottom:0}.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs--border-card{border-top:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header{background:0 0;border:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-prev,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-next,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-prev{display:none}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-left .tiny-tabs__nav-wrap,.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__header.is-right .tiny-tabs__nav-wrap{padding:0}.tiny-tabs.tiny-tabs--bottom .tiny-tabs:not(.tiny-tabs--border-card):not(.tiny-tabs--card) .tiny-tabs__item.is-active{background-color:transparent;border:none}.tiny-tabs.tiny-tabs--bottom .tiny-tabs--left .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom .tiny-tabs--right .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom.tiny-tabs--border-card .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--bottom.tiny-tabs--card .tiny-tabs__item,.tiny-tabs.tiny-tabs--top .tiny-tabs--left .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top .tiny-tabs--right .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top.tiny-tabs--border-card .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top.tiny-tabs--card .tiny-tabs__item{padding:0 var(--ti-tabs-item-padding-horizontal)}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item{padding-left:0}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item.is-left,.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item.is-left{padding:0 24px}.tiny-tabs.tiny-tabs--bottom:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item:nth-child(2),.tiny-tabs.tiny-tabs--top:not(.tiny-tabs--card):not(.tiny-tabs--border-card) .tiny-tabs__item:nth-child(2){padding-left:0}.tiny-tabs .slideInLeft-transition,.tiny-tabs .slideInRight-transition{display:inline-block}.tiny-tabs .slideInRight-enter{-webkit-animation:slideInRight-enter .3s;animation:slideInRight-enter .3s}.tiny-tabs .slideInRight-leave{position:absolute;left:0;right:0;-webkit-animation:slideInRight-leave .3s;animation:slideInRight-leave .3s}.tiny-tabs .slideInLeft-enter{-webkit-animation:slideInLeft-enter .3s;animation:slideInLeft-enter .3s}.tiny-tabs .slideInLeft-leave{position:absolute;left:0;right:0;-webkit-animation:slideInLeft-leave .3s;animation:slideInLeft-leave .3s}@-webkit-keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@keyframes slideInRight-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}}@-webkit-keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-enter{0%{opacity:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{opacity:1;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}@keyframes slideInLeft-leave{0%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(0);transform:translateX(0);opacity:1}100%{-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}}
|
package/tag/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-tag{--ti-tag-height:22px;--ti-tag-medium-height:var(--ti-common-size-6x);--ti-tag-small-height:var(--ti-common-size-5x);--ti-tag-mini-height:var(--ti-common-size-4x);--ti-tag-border-color:var(--ti-
|
|
1
|
+
.tiny-tag{--ti-tag-height:22px;--ti-tag-medium-height:var(--ti-common-size-6x);--ti-tag-small-height:var(--ti-common-size-5x);--ti-tag-mini-height:var(--ti-common-size-4x);--ti-tag-border-color:var(--ti-common-color-border);--ti-tag-border-radius:var(--ti-common-radius-medium);--ti-tag-font-size:var(--ti-common-font-size);--ti-tag-close-font-size:var(--ti-common-font-size-1);--ti-tag-primary-text-color:var(--ti-base-color-common-5);--ti-tag-primary-border-color:var(--ti-base-color-bg-6);--ti-tag-primary-background-color:var(--ti-base-color-bg-6);--ti-tag-warning-text-color:var(--ti-common-color-warn-text);--ti-tag-warning-border-color:var(--ti-common-color-warn-border);--ti-tag-warning-background-color:var(--ti-common-color-warn-bg);--ti-tag-danger-text-color:var(--ti-common-color-error-text);--ti-tag-danger-border-color:var(--ti-common-color-error-border-secondary);--ti-tag-danger-background-color:var(--ti-common-color-error-bg);--ti-tag-success-text-color:var(--ti-common-color-text-success);--ti-tag-success-border-color:var(--ti-common-color-success-border);--ti-tag-success-background-color:var(--ti-common-color-success-bg);--ti-tag-info-text-color:var(--ti-common-color-info-text);--ti-tag-info-border-color:var(--ti-common-color-info-border);--ti-tag-info-background-color:var(--ti-common-color-info-bg);--ti-tag-dark-text-color:var(--ti-common-color-light);--ti-tag-dark-bg-color:var(--ti-common-color-prompt);--ti-tag-dark-success-bg-color:var(--ti-common-color-success);--ti-tag-dark-warning-bg-color:var(--ti-common-color-warn);--ti-tag-dark-danger-bg-color:var(--ti-common-color-error);--ti-tag-dark-info-bg-color:var(--ti-common-color-info);--ti-tag-plain-text-color:var(--ti-common-color-prompt);--ti-tag-plain-border-color:var(--ti-common-color-prompt-border);--ti-tag-plain-background-color:var(--ti-common-color-light);--ti-tag-plain-info-text-color:var(--ti-common-color-info);--ti-tag-plain-info-border-color:var(--ti-common-color-info-border);--ti-tag-plain-success-text-color:var(--ti-common-color-success);--ti-tag-plain-success-border-color:var(--ti-common-color-success-border);--ti-tag-plain-warning-text-color:var(--ti-common-color-warn);--ti-tag-plain-warning-border-color:var(--ti-common-color-warn-border);--ti-tag-plain-danger-text-color:var(--ti-common-color-error);--ti-tag-plain-danger-border-color:var(--ti-common-color-error-border-secondary);height:var(--ti-tag-height);line-height:var(--ti-tag-height);padding:0 8px;font-size:var(--ti-tag-font-size);border-width:1px;border-radius:var(--ti-tag-border-radius);border-style:solid;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--ti-tag-primary-text-color);border-color:var(--ti-tag-primary-border-color);background-color:var(--ti-tag-primary-background-color)}.tiny-tag.is-hit{border-color:var(--ti-tag-primary-text-color)}.tiny-tag .tiny-tag__close{fill:var(--ti-tag-primary-text-color);opacity:.5}.tiny-tag .tiny-tag__close:hover{opacity:1}.tiny-tag .tiny-tag__text:hover{cursor:pointer;color:#526ecc}.tiny-tag .tiny-tag__close{font-size:var(--ti-tag-close-font-size);margin-left:6px}.tiny-tag .tiny-tag__close:hover{cursor:pointer;fill:#5e7ce0}.tiny-tag.tiny-tag--info{color:var(--ti-tag-info-text-color);border-color:var(--ti-tag-info-border-color);background-color:var(--ti-tag-info-background-color)}.tiny-tag.tiny-tag--info.is-hit{border-color:var(--ti-tag-info-text-color)}.tiny-tag.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-info-text-color);opacity:.5}.tiny-tag.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--success{color:var(--ti-tag-success-text-color);border-color:var(--ti-tag-success-border-color);background-color:var(--ti-tag-success-background-color)}.tiny-tag.tiny-tag--success.is-hit{border-color:var(--ti-tag-success-text-color)}.tiny-tag.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-success-text-color);opacity:.5}.tiny-tag.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--warning{color:var(--ti-tag-warning-text-color);border-color:var(--ti-tag-warning-border-color);background-color:var(--ti-tag-warning-background-color)}.tiny-tag.tiny-tag--warning.is-hit{border-color:var(--ti-tag-warning-text-color)}.tiny-tag.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-warning-text-color);opacity:.5}.tiny-tag.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag.tiny-tag--danger{color:var(--ti-tag-danger-text-color);border-color:var(--ti-tag-danger-border-color);background-color:var(--ti-tag-danger-background-color)}.tiny-tag.tiny-tag--danger.is-hit{border-color:var(--ti-tag-danger-text-color)}.tiny-tag.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-danger-text-color);opacity:.5}.tiny-tag.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--dark{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-bg-color);background-color:var(--ti-tag-dark-bg-color)}.tiny-tag--dark.is-hit{border-color:var(--ti-tag-dark-bg-color)}.tiny-tag--dark .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--info{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-info-bg-color);background-color:var(--ti-tag-dark-info-bg-color)}.tiny-tag--dark.tiny-tag--info.is-hit{border-color:var(--ti-tag-dark-info-bg-color)}.tiny-tag--dark.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--success{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-success-bg-color);background-color:var(--ti-tag-dark-success-bg-color)}.tiny-tag--dark.tiny-tag--success.is-hit{border-color:var(--ti-tag-dark-success-bg-color)}.tiny-tag--dark.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--warning{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-warning-bg-color);background-color:var(--ti-tag-dark-warning-bg-color)}.tiny-tag--dark.tiny-tag--warning.is-hit{border-color:var(--ti-tag-dark-warning-bg-color)}.tiny-tag--dark.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag--dark.tiny-tag--danger{color:var(--ti-tag-dark-text-color);border-color:var(--ti-tag-dark-danger-bg-color);background-color:var(--ti-tag-dark-danger-bg-color)}.tiny-tag--dark.tiny-tag--danger.is-hit{border-color:var(--ti-tag-dark-danger-bg-color)}.tiny-tag--dark.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-dark-text-color);opacity:.5}.tiny-tag--dark.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--plain{color:var(--ti-tag-plain-text-color);border-color:var(--ti-tag-plain-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.is-hit{border-color:var(--ti-tag-plain-text-color)}.tiny-tag--plain .tiny-tag__close{fill:var(--ti-tag-plain-text-color);opacity:.5}.tiny-tag--plain .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--info{color:var(--ti-tag-plain-info-text-color);border-color:var(--ti-tag-plain-info-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--info.is-hit{border-color:var(--ti-tag-plain-info-text-color)}.tiny-tag--plain.tiny-tag--info .tiny-tag__close{fill:var(--ti-tag-plain-info-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--info .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--success{color:var(--ti-tag-plain-success-text-color);border-color:var(--ti-tag-plain-success-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--success.is-hit{border-color:var(--ti-tag-plain-success-text-color)}.tiny-tag--plain.tiny-tag--success .tiny-tag__close{fill:var(--ti-tag-plain-success-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--success .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--warning{color:var(--ti-tag-plain-warning-text-color);border-color:var(--ti-tag-plain-warning-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--warning.is-hit{border-color:var(--ti-tag-plain-warning-text-color)}.tiny-tag--plain.tiny-tag--warning .tiny-tag__close{fill:var(--ti-tag-plain-warning-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--warning .tiny-tag__close:hover{opacity:1}.tiny-tag--plain.tiny-tag--danger{color:var(--ti-tag-plain-danger-text-color);border-color:var(--ti-tag-plain-danger-border-color);background-color:var(--ti-tag-plain-background-color)}.tiny-tag--plain.tiny-tag--danger.is-hit{border-color:var(--ti-tag-plain-danger-text-color)}.tiny-tag--plain.tiny-tag--danger .tiny-tag__close{fill:var(--ti-tag-plain-danger-text-color);opacity:.5}.tiny-tag--plain.tiny-tag--danger .tiny-tag__close:hover{opacity:1}.tiny-tag--medium{height:var(--ti-tag-medium-height);line-height:calc(var(--ti-tag-medium-height) - 2px)}.tiny-tag--small{height:var(--ti-tag-small-height);line-height:calc(var(--ti-tag-small-height) - 2px)}.tiny-tag--mini{height:var(--ti-tag-mini-height);line-height:calc(var(--ti-tag-mini-height) - 2px)}
|
package/tall-storage/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-tall-storage{--ti-tall-storage-bg-color:var(--ti-
|
|
1
|
+
.tiny-tall-storage{--ti-tall-storage-bg-color:var(--ti-common-color-light);--ti-tall-storage-border-radius:var(--ti-common-border-radius-normal);--ti-tall-storage-item-height:var(--ti-common-size-height-minor);--ti-tall-storage-item-bg-color:var(--ti-common-color-hover-background);position:relative;margin-top:2px}.tiny-tall-storage .tiny-storage-list-style{position:absolute;background-color:var(--ti-tall-storage-bg-color);-webkit-box-shadow:var(--ti-common-box-shadow);box-shadow:var(--ti-common-box-shadow);border-radius:var(--ti-tall-storage-border-radius);width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list{padding:0;list-style:none}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item{height:var(--ti-tall-storage-item-height);line-height:var(--ti-tall-storage-item-height);padding:0 8px;white-space:nowrap}.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item.item-hover,.tiny-tall-storage .tiny-storage-list-style .tiny-storage-list .tiny-storage-item:hover{cursor:pointer;background-color:var(--ti-tall-storage-item-bg-color)}
|