@opentiny/vue-theme 3.9.4 → 3.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alert/aurora-theme.js +3 -1
- package/alert/index.css +1 -1
- package/alert/smb-theme.js +4 -2
- package/amount/index.js +10 -10
- package/area/index.js +10 -10
- package/badge/index.js +10 -10
- package/base/index.css +1 -1
- package/bulletin-board/index.js +10 -10
- package/button/index.css +1 -1
- package/button/smb-theme.js +9 -9
- package/button-group/aurora-theme.js +1 -1
- package/button-group/index.css +1 -1
- package/calendar/index.js +10 -10
- package/card/index.js +10 -10
- package/card-container/index.js +10 -10
- package/card-item/index.js +10 -10
- package/card-layout/index.js +10 -10
- package/card-template/index.js +10 -10
- package/carousel/index.css +1 -1
- package/carousel-item/index.js +10 -10
- package/cascader/index.css +1 -1
- package/cascader/smb-theme.js +4 -0
- package/cascader-menu/smb-theme.js +4 -0
- package/cascader-node/index.css +1 -1
- package/cascader-node/smb-theme.js +13 -0
- package/cascader-panel/smb-theme.js +5 -0
- package/chart-core/index.js +10 -10
- package/checkbox/aurora-theme.js +1 -1
- package/checkbox/index.css +1 -1
- package/checkbox/smb-theme.js +1 -1
- package/checkbox-button/index.css +1 -1
- package/checkbox-group/index.css +1 -1
- package/checkbox-group/smb-theme.js +1 -1
- package/col/index.js +10 -10
- package/company/index.js +10 -10
- package/config-provider/index.css +1 -0
- package/country/index.js +10 -10
- package/credit-card/index.js +10 -10
- package/credit-card-form/index.js +10 -10
- package/currency/index.js +10 -10
- package/date-panel/index.css +1 -1
- package/date-table/index.css +1 -1
- package/dept/index.js +10 -10
- package/dialog-box/index.css +1 -1
- package/dialog-box/smb-theme.js +1 -1
- package/dialog-select/aurora-theme.js +15 -0
- package/dialog-select/index.css +1 -1
- package/drawer/aurora-theme.js +12 -0
- package/drawer/index.css +1 -1
- package/drawer/smb-theme.js +6 -0
- package/drop-roles/index.js +10 -10
- package/dropdown/aurora-theme.js +1 -1
- package/dropdown/index.css +1 -1
- package/dropdown-item/index.css +1 -1
- package/dropdown-menu/index.css +1 -1
- package/error-page/index.js +10 -10
- package/espace/index.js +10 -10
- package/fall-menu/aurora-theme.js +1 -1
- package/form/index.css +1 -1
- package/form-item/index.css +1 -1
- package/gantt/index.js +10 -10
- package/grid/index.css +1 -1
- package/grid/smb-theme.js +3 -3
- package/grid-system/index.js +10 -10
- package/hrapprover/index.js +10 -10
- package/image-viewer/index.js +11 -11
- package/index.css +1 -1
- package/ip-address/aurora-theme.js +4 -3
- package/ip-address/index.css +1 -1
- package/ip-address/smb-theme.js +2 -1
- package/link/aurora-theme.js +3 -3
- package/link/smb-theme.js +12 -12
- package/locales/index.js +10 -10
- package/logon-user/index.js +10 -10
- package/logout/index.js +10 -10
- package/lowcode.css +1 -1
- package/menubar/index.js +10 -10
- package/modal/index.css +1 -1
- package/month-table/index.css +1 -1
- package/nav-menu/index.css +1 -1
- package/option/aurora-theme.js +2 -1
- package/option/index.css +1 -1
- package/option/smb-theme.js +2 -1
- package/package.json +38 -2
- package/pager/aurora-theme.js +2 -2
- package/pager/index.css +1 -1
- package/pager/smb-theme.js +3 -3
- package/pbi/index.js +10 -10
- package/picker/index.css +1 -1
- package/picker/index.js +10 -10
- package/popconfirm/index.css +1 -1
- package/poplist/index.js +10 -10
- package/query-builder/index.css +1 -0
- package/radio/aurora-theme.js +2 -1
- package/radio/index.css +1 -1
- package/radio-button/index.js +10 -10
- package/radio-group/index.js +10 -10
- package/roles/index.js +10 -10
- package/row/index.js +10 -10
- package/scroll-text/index.js +10 -10
- package/select/aurora-theme.js +8 -1
- package/select/index.css +1 -1
- package/select-dropdown/index.css +1 -1
- package/selector/index.js +10 -10
- package/slide-img/index.js +10 -10
- package/slider/index.css +1 -1
- package/steps/aurora-theme.js +1 -1
- package/steps/index.css +1 -1
- package/svg/index.js +10 -10
- package/svgs/add-circle.svg +2 -2
- package/svgs/calendar.svg +10 -10
- package/svgs/draft.svg +5 -5
- package/svgs/editor-left-border.svg +2 -2
- package/svgs/editor-right-border.svg +2 -2
- package/svgs/editor-sub.svg +2 -2
- package/svgs/editor-subtitle.svg +2 -2
- package/svgs/editor-super.svg +2 -2
- package/svgs/editor-title.svg +2 -2
- package/svgs/error.svg +2 -2
- package/svgs/expand.svg +3 -3
- package/svgs/eyeclose.svg +5 -5
- package/svgs/hide-left.svg +2 -2
- package/svgs/hide-right.svg +2 -2
- package/svgs/hide-topleft.svg +2 -2
- package/svgs/loading-shadow.svg +1 -1
- package/svgs/prompt.svg +2 -2
- package/svgs/put-away.svg +4 -4
- package/svgs/sort-default.svg +4 -4
- package/svgs/stretch.svg +3 -3
- package/svgs/success.svg +2 -2
- package/svgs/text-type.svg +3 -3
- package/svgs/triangle-down.svg +2 -2
- package/svgs/warning-triangle.svg +2 -2
- package/table/index.js +10 -10
- package/tabs/index.css +1 -1
- package/tag/index.css +1 -1
- package/tag-group/index.css +1 -0
- package/tall-storage/index.js +10 -10
- package/textarea/index.css +1 -1
- package/theme/aurora-theme/component.js +42 -18
- package/theme/devui-theme-map.js +10 -10
- package/theme/galaxy-theme/index.js +1 -1
- package/theme/generate-theme.js +17 -20
- package/theme/impression-theme/index.js +11 -12
- package/theme/index.d.ts +5 -5
- package/theme/index.js +14 -15
- package/theme/infinity-theme/index.js +2 -3
- package/theme/smb-theme/component.js +53 -27
- package/theme-tool.d.ts +11 -11
- package/theme.config.js +1 -1
- package/time/index.js +10 -10
- package/tip/index.js +10 -10
- package/top-box/index.js +10 -10
- package/transition/index.js +10 -10
- package/tree/aurora-theme.js +3 -2
- package/tree/index.css +1 -1
- package/tree-menu/aurora-theme.js +2 -2
- package/tree-menu/index.css +1 -1
- package/user/index.js +10 -10
- package/user-account/index.js +10 -10
- package/user-card/index.js +10 -10
- package/user-contact/index.js +10 -10
- package/user-head/index.js +1 -1
- package/user-link/index.js +10 -10
- package/wizard/index.css +1 -1
- package/year-table/index.css +1 -1
- package/config-provider/index.js +0 -15
- package/theme/utils.js +0 -12
package/alert/aurora-theme.js
CHANGED
|
@@ -9,5 +9,7 @@ export const tinyAlertAuroraTheme = {
|
|
|
9
9
|
'ti-alert-large-padding-top': 'calc(var(--ti-common-space-base) * 4.5)',
|
|
10
10
|
'ti-alert-large-padding-bottom': 'calc(var(--ti-common-space-base) * 3.5)',
|
|
11
11
|
'ti-alert-large-padding-left': 'var(--ti-common-space-6x)',
|
|
12
|
-
'ti-alert-description-margin-top': 'var(--ti-common-space-3x)'
|
|
12
|
+
'ti-alert-description-margin-top': 'var(--ti-common-space-3x)',
|
|
13
|
+
'ti-alert-icon-margin-top': 'var(--ti-common-space-0)',
|
|
14
|
+
'ti-alert-close-position-top': 'var(--ti-common-space-3x)'
|
|
13
15
|
}
|
package/alert/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-transition-alert-fade-enter,.tiny-transition-alert-fade-enter-from,.tiny-transition-alert-fade-leave-active{opacity:0}.tiny-transition-alert-fade-leave-active{-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.tiny-alert{--ti-alert-font-family:var(--ti-common-font-family);--ti-alert-description-font-size:var(--ti-common-font-size-base);--ti-alert-close-font-size:var(--ti-common-font-size-base);--ti-alert-close-text-font-size:var(--ti-common-font-size-base);--ti-alert-border-radius:var(--ti-common-border-radius-normal);--ti-alert-title-text-color:var(--ti-common-color-text-primary);--ti-alert-title-font-size:var(--ti-common-font-size-1);--ti-alert-icon-font-size:var(--ti-common-font-size-1);--ti-alert-description-line-height:var(--ti-common-line-height-number);--ti-alert-normal-content-padding-vertical:var(--ti-common-space-0);--ti-alert-normal-content-padding-horizontal:var(--ti-common-space-2x);--ti-alert-description-margin-top:var(--ti-common-space-base);--ti-alert-description-margin-bottom:var(--ti-common-space-base);--ti-alert-description-text-color:var(--ti-common-color-text-secondary);--ti-alert-normal-padding-top:var(--ti-common-space-3x);--ti-alert-normal-padding-right:var(--ti-common-space-4x);--ti-alert-normal-padding-bottom:var(--ti-common-space-3x);--ti-alert-normal-padding-left:var(--ti-common-space-4x);--ti-alert-normal-margin-vertical:var(--ti-common-space-2x);--ti-alert-normal-margin-horizontal:var(--ti-common-space-0);--ti-alert-large-padding-top:calc(var(--ti-common-space-base) * 3.5);--ti-alert-large-padding-bottom:var(--ti-common-space-3x);--ti-alert-large-padding-left:var(--ti-common-space-4x);--ti-alert-large-padding-right:calc(var(--ti-common-space-base) * 10.5);--ti-alert-opration-text-color:var(--ti-common-color-text-highlight);--ti-alert-opration-font-size:var(--ti-common-font-size-base);--ti-alert-large-icon-font-size:21px;--ti-alert-large-icon-margin-top:calc(var(--ti-common-space-base) - 2px);--ti-alert-large-content-padding-left:var(--ti-common-space-4x);--ti-alert-large-close-font-size:var(--ti-alert-close-font-size);--ti-alert-warning-border-color:var(--ti-common-color-warn-border);--ti-alert-warning-icon-color:var(--ti-common-color-warn);--ti-alert-warning-link-text-color:var(--ti-common-color-warn-text);--ti-alert-warning-bg-color:var(--ti-common-color-warn-bg);--ti-alert-warning-close-icon-color:var(--ti-alert-warning-icon-color);--ti-alert-warning-close-hover-icon-color:var(--ti-alert-warning-icon-color);--ti-alert-error-border-color:var(--ti-common-color-error-border-secondary);--ti-alert-error-icon-color:var(--ti-common-color-error);--ti-alert-error-link-text-color:var(--ti-common-color-error-text);--ti-alert-error-bg-color:var(--ti-common-color-error-bg);--ti-alert-error-close-icon-color:var(--ti-alert-error-icon-color);--ti-alert-error-close-hover-icon-color:var(--ti-alert-error-icon-color);--ti-alert-success-border-color:var(--ti-common-color-success-border);--ti-alert-success-icon-color:var(--ti-common-color-success);--ti-alert-success-link-text-color:var(--ti-common-color-text-success);--ti-alert-success-bg-color:var(--ti-common-color-success-bg);--ti-alert-success-close-icon-color:var(--ti-alert-success-icon-color);--ti-alert-success-close-hover-icon-color:var(--ti-alert-success-icon-color);--ti-alert-info-border-color:var(--ti-common-color-prompt-border);--ti-alert-info-icon-color:var(--ti-common-color-prompt);--ti-alert-info-link-text-color:var(--ti-common-color-prompt-text);--ti-alert-info-bg-color:var(--ti-common-color-prompt-bg);--ti-alert-info-close-icon-color:var(--ti-alert-info-icon-color);--ti-alert-info-close-hover-icon-color:var(--ti-alert-info-icon-color);position:relative;border:1px solid;border-radius:var(--ti-alert-border-radius);font-family:var(--ti-alert-font-family)}.tiny-alert.tiny-alert--normal{padding:var(--ti-alert-normal-padding-top) var(--ti-alert-normal-padding-right) var(--ti-alert-normal-padding-bottom) var(--ti-alert-normal-padding-left);margin:var(--ti-alert-normal-margin-vertical) var(--ti-alert-normal-margin-horizontal);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start
|
|
1
|
+
.tiny-transition-alert-fade-enter,.tiny-transition-alert-fade-enter-from,.tiny-transition-alert-fade-leave-active{opacity:0}.tiny-transition-alert-fade-leave-active{-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.tiny-alert{--ti-alert-font-family:var(--ti-common-font-family);--ti-alert-description-font-size:var(--ti-common-font-size-base);--ti-alert-close-position-top:var(--ti-common-space-4x);--ti-alert-close-font-size:var(--ti-common-font-size-base);--ti-alert-close-text-font-size:var(--ti-common-font-size-base);--ti-alert-border-radius:var(--ti-common-border-radius-normal);--ti-alert-title-text-color:var(--ti-common-color-text-primary);--ti-alert-title-font-size:var(--ti-common-font-size-1);--ti-alert-icon-margin-top:var(--ti-common-space-1);--ti-alert-icon-font-size:var(--ti-common-font-size-1);--ti-alert-description-line-height:var(--ti-common-line-height-number);--ti-alert-normal-content-padding-vertical:var(--ti-common-space-0);--ti-alert-normal-content-padding-horizontal:var(--ti-common-space-2x);--ti-alert-description-margin-top:var(--ti-common-space-base);--ti-alert-description-margin-bottom:var(--ti-common-space-base);--ti-alert-description-text-color:var(--ti-common-color-text-secondary);--ti-alert-normal-padding-top:var(--ti-common-space-3x);--ti-alert-normal-padding-right:var(--ti-common-space-4x);--ti-alert-normal-padding-bottom:var(--ti-common-space-3x);--ti-alert-normal-padding-left:var(--ti-common-space-4x);--ti-alert-normal-margin-vertical:var(--ti-common-space-2x);--ti-alert-normal-margin-horizontal:var(--ti-common-space-0);--ti-alert-large-padding-top:calc(var(--ti-common-space-base) * 3.5);--ti-alert-large-padding-bottom:var(--ti-common-space-3x);--ti-alert-large-padding-left:var(--ti-common-space-4x);--ti-alert-large-padding-right:calc(var(--ti-common-space-base) * 10.5);--ti-alert-opration-text-color:var(--ti-common-color-text-highlight);--ti-alert-opration-font-size:var(--ti-common-font-size-base);--ti-alert-large-icon-font-size:21px;--ti-alert-large-icon-margin-top:calc(var(--ti-common-space-base) - 2px);--ti-alert-large-content-padding-left:var(--ti-common-space-4x);--ti-alert-large-close-font-size:var(--ti-alert-close-font-size);--ti-alert-warning-border-color:var(--ti-common-color-warn-border);--ti-alert-warning-icon-color:var(--ti-common-color-warn);--ti-alert-warning-link-text-color:var(--ti-common-color-warn-text);--ti-alert-warning-bg-color:var(--ti-common-color-warn-bg);--ti-alert-warning-close-icon-color:var(--ti-alert-warning-icon-color);--ti-alert-warning-close-hover-icon-color:var(--ti-alert-warning-icon-color);--ti-alert-error-border-color:var(--ti-common-color-error-border-secondary);--ti-alert-error-icon-color:var(--ti-common-color-error);--ti-alert-error-link-text-color:var(--ti-common-color-error-text);--ti-alert-error-bg-color:var(--ti-common-color-error-bg);--ti-alert-error-close-icon-color:var(--ti-alert-error-icon-color);--ti-alert-error-close-hover-icon-color:var(--ti-alert-error-icon-color);--ti-alert-success-border-color:var(--ti-common-color-success-border);--ti-alert-success-icon-color:var(--ti-common-color-success);--ti-alert-success-link-text-color:var(--ti-common-color-text-success);--ti-alert-success-bg-color:var(--ti-common-color-success-bg);--ti-alert-success-close-icon-color:var(--ti-alert-success-icon-color);--ti-alert-success-close-hover-icon-color:var(--ti-alert-success-icon-color);--ti-alert-info-border-color:var(--ti-common-color-prompt-border);--ti-alert-info-icon-color:var(--ti-common-color-prompt);--ti-alert-info-link-text-color:var(--ti-common-color-prompt-text);--ti-alert-info-bg-color:var(--ti-common-color-prompt-bg);--ti-alert-info-close-icon-color:var(--ti-alert-info-icon-color);--ti-alert-info-close-hover-icon-color:var(--ti-alert-info-icon-color);position:relative;border:1px solid;border-radius:var(--ti-alert-border-radius);font-family:var(--ti-alert-font-family)}.tiny-alert.tiny-alert--normal{padding:var(--ti-alert-normal-padding-top) var(--ti-alert-normal-padding-right) var(--ti-alert-normal-padding-bottom) var(--ti-alert-normal-padding-left);margin:var(--ti-alert-normal-margin-vertical) var(--ti-alert-normal-margin-horizontal);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.tiny-alert.tiny-alert--normal .tiny-alert__content{padding:var(--ti-alert-normal-content-padding-vertical) var(--ti-alert-normal-content-padding-horizontal);display:table-cell;max-width:calc(100% - 30px)}.tiny-alert.tiny-alert--large{padding:var(--ti-alert-large-padding-top) var(--ti-alert-large-padding-right) var(--ti-alert-large-padding-bottom) var(--ti-alert-large-padding-left);display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-alert.tiny-alert--large .tiny-alert__content{padding-left:var(--ti-alert-large-content-padding-left);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-alert.tiny-alert--large .tiny-alert__description{margin-bottom:var(--ti-alert-description-margin-bottom);margin-top:var(--ti-alert-description-margin-top);color:var(--ti-alert-description-text-color)}.tiny-alert.tiny-alert--large .tiny-alert__description.is-hide{margin:0}.tiny-alert.tiny-alert--large .tiny-alert__icon{font-size:var(--ti-alert-large-icon-font-size);margin-top:var(--ti-alert-large-icon-margin-top);vertical-align:top;-ms-flex-negative:0;flex-shrink:0}.tiny-alert.tiny-alert--large .tiny-alert__close{font-size:var(--ti-alert-large-close-font-size);top:12px;right:12px;-webkit-transform:none;transform:none;margin-top:0}.tiny-alert.tiny-alert--success{background:var(--ti-alert-success-bg-color);border-color:var(--ti-alert-success-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--success hr{border-top-color:var(--ti-alert-success-link-text-color)}.tiny-alert.tiny-alert--success .alert-link{color:var(--ti-alert-success-link-text-color)}.tiny-alert.tiny-alert--success .tiny-alert__icon{fill:var(--ti-alert-success-icon-color)}.tiny-alert.tiny-alert--success .tiny-alert__close{fill:var(--ti-alert-success-close-icon-color)}.tiny-alert.tiny-alert--success .tiny-alert__close:hover{fill:var(--ti-alert-success-close-hover-icon-color)}.tiny-alert.tiny-alert--info{background:var(--ti-alert-info-bg-color);border-color:var(--ti-alert-info-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--info hr{border-top-color:var(--ti-alert-info-link-text-color)}.tiny-alert.tiny-alert--info .alert-link{color:var(--ti-alert-info-link-text-color)}.tiny-alert.tiny-alert--info .tiny-alert__icon{fill:var(--ti-alert-info-icon-color)}.tiny-alert.tiny-alert--info .tiny-alert__close{fill:var(--ti-alert-info-close-icon-color)}.tiny-alert.tiny-alert--info .tiny-alert__close:hover{fill:var(--ti-alert-info-close-hover-icon-color)}.tiny-alert.tiny-alert--warning{background:var(--ti-alert-warning-bg-color);border-color:var(--ti-alert-warning-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--warning hr{border-top-color:var(--ti-alert-warning-link-text-color)}.tiny-alert.tiny-alert--warning .alert-link{color:var(--ti-alert-warning-link-text-color)}.tiny-alert.tiny-alert--warning .tiny-alert__icon{fill:var(--ti-alert-warning-icon-color)}.tiny-alert.tiny-alert--warning .tiny-alert__close{fill:var(--ti-alert-warning-close-icon-color)}.tiny-alert.tiny-alert--warning .tiny-alert__close:hover{fill:var(--ti-alert-warning-close-hover-icon-color)}.tiny-alert.tiny-alert--error{background:var(--ti-alert-error-bg-color);border-color:var(--ti-alert-error-border-color);color:var(--ti-alert-title-text-color)}.tiny-alert.tiny-alert--error hr{border-top-color:var(--ti-alert-error-link-text-color)}.tiny-alert.tiny-alert--error .alert-link{color:var(--ti-alert-error-link-text-color)}.tiny-alert.tiny-alert--error .tiny-alert__icon{fill:var(--ti-alert-error-icon-color)}.tiny-alert.tiny-alert--error .tiny-alert__close{fill:var(--ti-alert-error-close-icon-color)}.tiny-alert.tiny-alert--error .tiny-alert__close:hover{fill:var(--ti-alert-error-close-hover-icon-color)}.tiny-alert__icon{font-size:var(--ti-alert-icon-font-size)}.tiny-alert__icon:first-child{margin-top:var(--ti-alert-icon-margin-top)}.tiny-alert.is-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.tiny-alert .is-custom{position:absolute;font-size:var(--ti-alert-close-text-font-size);top:var(--ti-alert-close-position-top);right:12px;cursor:pointer}.tiny-alert .tiny-alert__close{font-size:var(--ti-alert-close-font-size);position:absolute;top:var(--ti-alert-close-position-top);right:12px;cursor:pointer}.tiny-alert .tiny-alert__content .tiny-alert__opration{font-size:var(--ti-alert-opration-font-size);color:var(--ti-alert-opration-text-color);line-height:1}.tiny-alert .tiny-alert__content .tiny-alert__opration a{font-size:var(--ti-alert-opration-font-size);color:var(--ti-alert-opration-text-color)}.tiny-alert .tiny-alert__content .tiny-alert__opration a:not(:last-child){margin-right:16px}.tiny-alert .tiny-alert__title{font-size:var(--ti-alert-title-font-size);color:var(--ti-alert-title-text-color);font-weight:700}.tiny-alert .tiny-alert__description{font-size:var(--ti-alert-description-font-size);line-height:var(--ti-alert-description-line-height)}
|
package/alert/smb-theme.js
CHANGED
|
@@ -24,7 +24,7 @@ export const tinyAlertSmbTheme = {
|
|
|
24
24
|
'ti-alert-normal-padding-left': 'var(--ti-common-space-4x)',
|
|
25
25
|
'ti-alert-normal-padding-right': 'var(--ti-common-space-3x)',
|
|
26
26
|
'ti-alert-title-font-size': 'var(--ti-common-font-size-4)',
|
|
27
|
-
'ti-alert-icon-font-size': 'var(--ti-common-font-size-
|
|
27
|
+
'ti-alert-icon-font-size': 'var(--ti-common-font-size-2)',
|
|
28
28
|
'ti-alert-large-icon-font-size': '21px',
|
|
29
29
|
'ti-alert-large-icon-margin-top': '3px',
|
|
30
30
|
'ti-alert-large-padding-top': 'var(--ti-common-space-4x)',
|
|
@@ -34,5 +34,7 @@ export const tinyAlertSmbTheme = {
|
|
|
34
34
|
'ti-alert-large-content-padding-left': 'var(--ti-common-space-2x)',
|
|
35
35
|
'ti-alert-description-margin-bottom': '0',
|
|
36
36
|
'ti-alert-description-margin-top': 'var(--ti-common-space-2x)',
|
|
37
|
-
'ti-alert-description-line-height': '1.5'
|
|
37
|
+
'ti-alert-description-line-height': '1.5',
|
|
38
|
+
'ti-alert-icon-margin-top': '3px',
|
|
39
|
+
'ti-alert-close-position-top': 'var(--ti-common-space-3x)'
|
|
38
40
|
}
|
package/amount/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
-
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
-
*
|
|
5
|
-
* Use of this source code is governed by an MIT-style license.
|
|
6
|
-
*
|
|
7
|
-
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
-
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
-
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
-
*
|
|
11
|
-
*/
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
12
|
|
|
13
13
|
export default {
|
|
14
14
|
'tiny-amount-icon-color': '#1890ff',
|
package/area/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
-
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
-
*
|
|
5
|
-
* Use of this source code is governed by an MIT-style license.
|
|
6
|
-
*
|
|
7
|
-
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
-
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
-
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
-
*
|
|
11
|
-
*/
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
12
|
|
|
13
13
|
export default {
|
|
14
14
|
// area
|
package/badge/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
-
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
-
*
|
|
5
|
-
* Use of this source code is governed by an MIT-style license.
|
|
6
|
-
*
|
|
7
|
-
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
-
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
-
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
-
*
|
|
11
|
-
*/
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
12
|
|
|
13
13
|
export default {
|
|
14
14
|
'tiny-badge-size': '20px',
|
package/base/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
[class*=tiny-]{-webkit-box-sizing:border-box;box-sizing:border-box}[class*=tiny-] :after,[class*=tiny-] :before{-webkit-box-sizing:border-box;box-sizing:border-box}[class*=tiny-] a{cursor:pointer;background-image:none;text-decoration:none;outline:0}[class*=tiny-] a:active,[class*=tiny-] a:focus,[class*=tiny-] a:hover{outline:0;text-decoration:none}[class*=tiny-] dd,[class*=tiny-] dl,[class*=tiny-] dt,[class*=tiny-] li,[class*=tiny-] ol,[class*=tiny-] td,[class*=tiny-] th,[class*=tiny-] ul{margin:0;padding:0}[class*=tiny-] ol,[class*=tiny-] ul{list-style:none}[class*=tiny-] audio,[class*=tiny-] canvas,[class*=tiny-] video{display:inline-block}[class*=tiny-] audio:not([controls]){display:none;height:0}[class*=tiny-] mark{background:#ff0;color:#000}[class*=tiny-] pre{white-space:pre-wrap}[class*=tiny-] sub,[class*=tiny-] sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}[class*=tiny-] sup{top:-.5em}[class*=tiny-] sub{bottom:-.25em}[class*=tiny-] fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}[class*=tiny-] legend{border:0;padding:0}[class*=tiny-] input::-ms-clear,[class*=tiny-] input::-ms-reveal{display:none}[class*=tiny-] button::-moz-focus-inner,[class*=tiny-] input::-moz-focus-inner{border:0;padding:0}[class*=tiny-] textarea{overflow:auto;vertical-align:top}[class*=tiny-] table{border-collapse:collapse;border-spacing:0}[class*=tiny-] .tiny-hide{display:none}[class*=tiny-] .popper__arrow,[class*=tiny-] .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}@media (min-width:768px){[class*=tiny-] ::-webkit-scrollbar{width:var(--ti-common-scrollbar-width);height:var(--ti-common-scrollbar-height)}[class*=tiny-] ::-webkit-scrollbar-track-piece{background:var(--ti-common-scrollbar-track-piece-bg-color)}[class*=tiny-] ::-webkit-scrollbar-thumb{background:var(--ti-common-scrollbar-thumb-bg-color);border-radius:var(--ti-common-scrollbar-thumb-border-radius)}[class*=tiny-] ::-webkit-scrollbar-thumb:hover{background:var(--ti-common-scrollbar-thumb-hover-bg-color)}[class*=tiny-] ::-webkit-scrollbar-thumb:active{background:var(--ti-common-scrollbar-thumb-active-bg-color)}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar{width:8px;height:8px}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar-track-piece{background:0 0;border:0}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar-thumb:hover{background:#999}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar-thumb:active{background:#999}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar{width:4px;height:4px}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar-track-piece{background:0 0;border:0}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:2px}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar-thumb:hover{background:#999}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar-thumb:active{background:#999}}:root{--ti-base-color-white:#fff;--ti-base-color-transparent:transparent;--ti-base-color-brand-6:#5e7ce0;--ti-base-color-brand-8:#344899;--ti-base-color-brand-7:#526ecc;--ti-base-color-brand-5:#7693f5;--ti-base-color-brand-4:#96adfa;--ti-base-color-brand-3:#beccfa;--ti-base-color-brand-2:#e9edfa;--ti-base-color-brand-1:#f2f5fc;--ti-base-color-common-9:#181818;--ti-base-color-common-8:#282b33;--ti-base-color-common-7:#252b3a;--ti-base-color-common-6:#464c59;--ti-base-color-common-5:#575d6c;--ti-base-color-common-4:#5c6173;--ti-base-color-common-3:#8a8e99;--ti-base-color-common-2:#adb0b8;--ti-base-color-common-1:#dfe1e6;--ti-base-color-bg-9:#b12220;--ti-base-color-bg-8:#c7000b;--ti-base-color-bg-7:#d64a52;--ti-base-color-bg-6:#eef0f5;--ti-base-color-bg-5:#f5f5f6;--ti-base-color-bg-4:#fafafa;--ti-base-color-bg-3:#ffffff;--ti-base-color-bg-2:#ffffff;--ti-base-color-bg-1:#ffffff;--ti-base-color-error-4:#de504e;--ti-base-color-error-3:#f66f6a;--ti-base-color-error-2:#ffbcba;--ti-base-color-error-1:#ffeeed;--ti-base-color-success-4:#3ac295;--ti-base-color-success-3:#50d4ab;--ti-base-color-success-2:#acf2dc;--ti-base-color-success-1:#edfff9;--ti-base-color-warn-5:#e37d29;--ti-base-color-warn-4:#fa9841;--ti-base-color-warn-3:#fac20a;--ti-base-color-warn-2:#ffd0a6;--ti-base-color-warn-1:#fff3e8;--ti-base-color-prompt-4:var(--ti-base-color-brand-7);--ti-base-color-prompt-3:var(--ti-base-color-brand-6);--ti-base-color-prompt-2:var(--ti-base-color-brand-3);--ti-base-color-prompt-1:#ebf6ff;--ti-base-color-prompt-icon-from:#7769e8;--ti-base-color-prompt-icon-to:#58bbff;--ti-base-color-icon-info:#6cbfff;--ti-base-color-data-3:#a6dd82;--ti-base-color-data-4:#f3689a;--ti-base-color-data-5:#a97af8;--ti-common-color-transparent:var(--ti-base-color-transparent);--ti-common-color-light:#fff;--ti-common-color-dark:#000;--ti-common-color-success:var(--ti-base-color-success-3);--ti-common-color-text-success:var(--ti-base-color-success-4);--ti-common-color-success-bg:var(--ti-base-color-success-1);--ti-common-color-success-border:var(--ti-base-color-success-2);--ti-common-color-error:var(--ti-base-color-error-3);--ti-common-color-error-text:var(--ti-base-color-error-4);--ti-common-color-error-bg:var(--ti-base-color-error-1);--ti-common-color-error-border:var(--ti-base-color-error-3);--ti-common-color-error-border-secondary:var(--ti-base-color-error-2);--ti-common-color-info:var(--ti-base-color-common-7);--ti-common-color-info-text:var(--ti-base-color-common-7);--ti-common-color-info-bg:rgba(51, 51, 51, 0.06);--ti-common-color-info-border:#d3d4d6;--ti-common-color-warn:var(--ti-base-color-warn-4);--ti-common-color-warn-text:var(--ti-base-color-warn-5);--ti-common-color-warn-bg:var(--ti-base-color-warn-1);--ti-common-color-warn-border:var(--ti-base-color-warn-2);--ti-common-color-warn-secondary:var(--ti-base-color-warn-3);--ti-common-color-prompt:var(--ti-base-color-prompt-3);--ti-common-color-prompt-text:var(--ti-base-color-prompt-4);--ti-common-color-prompt-bg:var(--ti-base-color-prompt-1);--ti-common-color-prompt-border:var(--ti-base-color-prompt-2);--ti-common-color-prompt-icon-from:var(--ti-base-color-prompt-icon-from);--ti-common-color-prompt-icon-to:var(--ti-base-color-prompt-icon-to);--ti-common-color-primary-normal:var(--ti-base-color-brand-6);--ti-common-color-primary-hover:var(--ti-base-color-brand-5);--ti-common-color-primary-active:var(--ti-base-color-brand-5);--ti-common-color-primary-disabled:#a0cfff;--ti-common-color-primary-disabled-bgcolor:var(--ti-common-color-bg-disabled);--ti-common-color-primary-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-primary-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-primary-plain-disabled-bg-color:rgba(191, 191, 191, 0.1);--ti-common-color-success-normal:var(--ti-common-color-success);--ti-common-color-success-hover:var(--ti-common-color-success-border);--ti-common-color-success-active:var(--ti-common-color-success-border);--ti-common-color-success-disabled:#a6c3b9;--ti-common-color-success-disabled-bgcolor:var(--ti-common-color-bg-disabled);--ti-common-color-success-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-success-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-success-plain-disabled-bg-color:rgba(166, 195, 185, 0.1);--ti-common-color-warning-normal:var(--ti-common-color-warn);--ti-common-color-warning-hover:var(--ti-common-color-warn-secondary);--ti-common-color-warning-active:var(--ti-common-color-warn-secondary);--ti-common-color-warning-disabled:#d3c6a2;--ti-common-color-warning-disabled-bgcolor:var(--ti-common-color-bg-disabled);--ti-common-color-warning-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-warning-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-warning-plain-disabled-bg-color:rgba(211, 198, 162, 0.1);--ti-common-color-danger-normal:var(--ti-common-bg-primary);--ti-common-color-danger-hover:var(--ti-common-bg-primary-hover);--ti-common-color-danger-active:var(--ti-common-bg-primary-active);--ti-common-color-danger-disabled:#d8bab5;--ti-common-color-danger-disabled-bgcolor:var(--ti-common-color-bg-disabled);--ti-common-color-danger-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-danger-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-danger-plain-disabled-bg-color:rgba(216, 186, 181, 0.1);--ti-common-color-info-normal:var(--ti-base-color-common-7);--ti-common-color-info-hover:var(--ti-base-color-common-4);--ti-common-color-info-active:var(--ti-base-color-common-4);--ti-common-color-info-disabled:#bfbfbf;--ti-common-color-info-disabled-bgcolor:var(--ti-common-color-bg-disabled);--ti-common-color-info-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-info-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-info-plain-disabled-bg-color:rgba(191, 191, 191, 0.1);--ti-common-color-text-primary:var(--ti-base-color-common-7);--ti-common-color-text-secondary:var(--ti-base-color-common-5);--ti-common-color-text-weaken:var(--ti-base-color-common-3);--ti-common-color-text-disabled:var(--ti-base-color-common-2);--ti-common-color-text-darkbg:var(--ti-base-color-common-2);--ti-common-color-text-darkbg-disabled:var(--ti-base-color-common-5);--ti-common-color-text-link:var(--ti-base-color-brand-7);--ti-common-color-text-link-hover:var(--ti-base-color-brand-8);--ti-common-color-text-link-darkbg:var(--ti-base-color-brand-4);--ti-common-color-text-link-darkbg-hover:var(--ti-base-color-brand-3);--ti-common-color-text-highlight:var(--ti-base-color-brand-7);--ti-common-color-text-white:var(--ti-base-color-white);--ti-common-color-text-gray:var(--ti-base-color-white);--ti-common-color-text-gray-disabled:var(--ti-base-color-common-4);--ti-common-color-text-important:var(--ti-base-color-error-4);--ti-common-color-placeholder:var(--ti-base-color-common-2);--ti-common-color-selected-text-color:var(--ti-common-color-light);--ti-common-color-icon-normal:var(--ti-base-color-common-5);--ti-common-color-icon-hover:var(--ti-base-color-brand-6);--ti-common-color-icon-active:var(--ti-base-color-brand-6);--ti-common-color-icon-disabled:var(--ti-base-color-common-2);--ti-common-color-icon-white:var(--ti-base-color-white);--ti-common-color-icon-graybg-normal:var(--ti-base-color-common-2);--ti-common-color-icon-graybg-hover:var(--ti-base-color-brand-6);--ti-common-color-icon-graybg-active:var(--ti-base-color-brand-6);--ti-common-color-icon-graybg-disabled:var(--ti-base-color-common-1);--ti-common-color-icon-darkbg-normal:var(--ti-base-color-common-2);--ti-common-color-icon-darkbg-hover:var(--ti-base-color-brand-5);--ti-common-color-icon-darkbg-active:var(--ti-base-color-brand-5);--ti-common-color-icon-darkbg-disabled:var(--ti-base-color-common-5);--ti-common-color-icon-info:var(--ti-base-color-icon-info);--ti-common-color-bg-normal:var(--ti-base-color-bg-6);--ti-common-color-bg-emphasize:var(--ti-base-color-brand-6);--ti-common-color-bg-disabled:var(--ti-base-color-bg-5);--ti-common-color-bg-hover:var(--ti-base-color-brand-8);--ti-common-color-bg-gray:var(--ti-base-color-bg-4);--ti-common-color-bg-secondary:var(--ti-base-color-common-2);--ti-common-bg-primary:var(--ti-base-color-bg-8);--ti-common-bg-primary-hover:var(--ti-base-color-bg-7);--ti-common-bg-primary-active:var(--ti-base-color-bg-9);--ti-common-bg-minor:var(--ti-base-color-bg-2);--ti-common-bg-minor-hover:var(--ti-base-color-bg-1);--ti-common-bg-minor-active:var(--ti-base-color-bg-3);--ti-common-color-bg-white-normal:var(--ti-base-color-white);--ti-common-color-bg-white-emphasize:var(--ti-base-color-brand-1);--ti-common-color-bg-light-normal:var(--ti-base-color-brand-2);--ti-common-color-bg-light-emphasize:var(--ti-base-color-brand-3);--ti-common-color-bg-dark-normal:var(--ti-base-color-common-6);--ti-common-color-bg-dark-emphasize:var(--ti-base-color-common-4);--ti-common-color-bg-dark-active:var(--ti-common-color-bg-normal);--ti-common-color-bg-dark-deep:var(--ti-base-color-common-6);--ti-common-color-bg-dark-disabled:var(--ti-base-color-common-1);--ti-common-color-bg-navigation:var(--ti-base-color-common-8);--ti-common-color-bg-dark-select:var(--ti-base-color-common-9);--ti-common-color-selected-background:var(--ti-base-color-brand-6);--ti-common-color-hover-background:var(--ti-base-color-brand-1);--ti-common-color-data-1:var(--ti-base-color-success-3);--ti-common-color-data-2:var(--ti-base-color-icon-info);--ti-common-color-data-3:var(--ti-base-color-data-3);--ti-common-color-data-4:var(--ti-base-color-data-4);--ti-common-color-data-5:var(--ti-base-color-data-5);--ti-common-color-data-6:var(--ti-base-color-warn-3);--ti-common-color-data-7:var(--ti-base-color-warn-4);--ti-common-color-data-8:var(--ti-base-color-error-3);--ti-common-line-height-number:1.5;--ti-common-line-height-base:12px;--ti-common-line-height-1:14px;--ti-common-line-height-2:16px;--ti-common-line-height-3:18px;--ti-common-line-height-4:20px;--ti-common-line-height-5:24px;--ti-common-line-height-6:32px;--ti-common-line-height-7:36px;--ti-common-space-base:4px;--ti-common-space-2x:calc(var(--ti-common-space-base) * 2);--ti-common-space-3x:calc(var(--ti-common-space-base) * 3);--ti-common-space-4x:calc(var(--ti-common-space-base) * 4);--ti-common-space-5x:calc(var(--ti-common-space-base) * 5);--ti-common-space-6x:calc(var(--ti-common-space-base) * 6);--ti-common-space-8x:calc(var(--ti-common-space-base) * 8);--ti-common-space-10x:calc(var(--ti-common-space-base) * 10);--ti-common-space-0:0px;--ti-common-space-1:1px;--ti-common-space-6:6px;--ti-common-space-10:10px;--ti-common-dropdown-gap:2px;--ti-common-shadow-none:none;--ti-common-shadow-1-up:0 -1px 4px 0 rgba(0, 0, 0, 0.1);--ti-common-shadow-1-down:0 1px 4px 0 rgba(0, 0, 0, 0.1);--ti-common-shadow-1-left:-1px 0px 4px 0 rgba(0, 0, 0, 0.1);--ti-common-shadow-1-right:1px 0px 4px 0 rgba(0, 0, 0, 0.1);--ti-common-shadow-2-up:0 -2px 8px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-2-down:0 2px 8px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-2-left:-2px 0 8px 0 rgba(238, 10, 10, 0.2);--ti-common-shadow-2-right:2px 0 8px 0 rgba(252, 5, 5, 0.2);--ti-common-shadow-3-up:0 -4px 16px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-3-down:0 4px 16px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-3-left:-4px 0 16px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-3-right:4px 0 16px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-4-up:0 -8px 40px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-4-down:0 8px 40px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-4-left:-8px 0 40px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-4-right:8px 0 40px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-error:0 1px 3px 0 rgba(199, 54, 54, 0.25);--ti-common-shadow-warn:0 1px 3px 0 rgba(204, 100, 20, 0.25);--ti-common-shadow-prompt:0 1px 3px 0 rgba(70, 94, 184, 0.25);--ti-common-shadow-success:0 1px 3px 0 rgba(39, 176, 128, 0.25);--ti-common-font-family:'Helvetica','Arial','PingFangSC-Regular','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Microsoft JhengHei';--ti-common-font-size-base:12px;--ti-common-font-size-1:14px;--ti-common-font-size-2:16px;--ti-common-font-size-3:18px;--ti-common-font-size-4:20px;--ti-common-font-size-5:24px;--ti-common-font-size-6:32px;--ti-common-font-size-7:36px;--ti-common-font-weight-1:100;--ti-common-font-weight-2:200;--ti-common-font-weight-3:300;--ti-common-font-weight-4:normal;--ti-common-font-weight-5:500;--ti-common-font-weight-6:600;--ti-common-font-weight-7:bold;--ti-common-font-weight-8:800;--ti-common-font-weight-9:900;--ti-common-font-weight-bold:700;--ti-common-color-line-normal:var(--ti-base-color-common-2);--ti-common-color-line-hover:var(--ti-base-color-common-5);--ti-common-color-line-active:var(--ti-base-color-brand-6);--ti-common-color-line-disabled:var(--ti-base-color-common-1);--ti-common-color-line-dividing:var(--ti-base-color-common-1);--ti-common-color-dash-line-normal:var(--ti-base-color-common-5);--ti-common-color-dash-line-hover:var(--ti-base-color-brand-7);--ti-common-color-border:var(--ti-base-color-common-2);--ti-common-color-border-hover:var(--ti-base-color-common-5);--ti-common-border-weight-normal:1px;--ti-common-border-weight-1:2px;--ti-common-border-weight-2:3px;--ti-common-border-style-dashed:dashed;--ti-common-border-style-dotted:dotted;--ti-common-border-style-solid:solid;--ti-common-border-radius-normal:2px;--ti-common-border-radius-0:0px;--ti-common-border-radius-1:4px;--ti-common-border-radius-2:8px;--ti-common-border-radius-3:50%;--ti-common-size-base:4px;--ti-common-size-2x:calc(var(--ti-common-size-base) * 2);--ti-common-size-3x:calc(var(--ti-common-size-base) * 3);--ti-common-size-4x:calc(var(--ti-common-size-base) * 4);--ti-common-size-5x:calc(var(--ti-common-size-base) * 5);--ti-common-size-6x:calc(var(--ti-common-size-base) * 6);--ti-common-size-7x:calc(var(--ti-common-size-base) * 7);--ti-common-size-8x:calc(var(--ti-common-size-base) * 8);--ti-common-size-9x:calc(var(--ti-common-size-base) * 9);--ti-common-size-10x:calc(var(--ti-common-size-base) * 10);--ti-common-size-11x:calc(var(--ti-common-size-base) * 11);--ti-common-size-12x:calc(var(--ti-common-size-base) * 12);--ti-common-size-13x:calc(var(--ti-common-size-base) * 13);--ti-common-size-14x:calc(var(--ti-common-size-base) * 14);--ti-common-size-15x:calc(var(--ti-common-size-base) * 15);--ti-common-size-16x:calc(var(--ti-common-size-base) * 16);--ti-common-size-17x:calc(var(--ti-common-size-base) * 17);--ti-common-size-18x:calc(var(--ti-common-size-base) * 18);--ti-common-size-19x:calc(var(--ti-common-size-base) * 19);--ti-common-size-20x:calc(var(--ti-common-size-base) * 20);--ti-common-size-21x:calc(var(--ti-common-size-base) * 21);--ti-common-size-22x:calc(var(--ti-common-size-base) * 22);--ti-common-size-23x:calc(var(--ti-common-size-base) * 23);--ti-common-size-24x:calc(var(--ti-common-size-base) * 24);--ti-common-size-25x:calc(var(--ti-common-size-base) * 25);--ti-common-size-26x:calc(var(--ti-common-size-base) * 26);--ti-common-size-27x:calc(var(--ti-common-size-base) * 27);--ti-common-size-28x:calc(var(--ti-common-size-base) * 28);--ti-common-size-29x:calc(var(--ti-common-size-base) * 29);--ti-common-size-30x:calc(var(--ti-common-size-base) * 30);--ti-common-size-31x:calc(var(--ti-common-size-base) * 31);--ti-common-size-32x:calc(var(--ti-common-size-base) * 32);--ti-common-size-33x:calc(var(--ti-common-size-base) * 33);--ti-common-size-34x:calc(var(--ti-common-size-base) * 34);--ti-common-size-35x:calc(var(--ti-common-size-base) * 35);--ti-common-size-36x:calc(var(--ti-common-size-base) * 36);--ti-common-size-37x:calc(var(--ti-common-size-base) * 37);--ti-common-size-38x:calc(var(--ti-common-size-base) * 38);--ti-common-size-39x:calc(var(--ti-common-size-base) * 39);--ti-common-size-40x:calc(var(--ti-common-size-base) * 40);--ti-common-size-41x:calc(var(--ti-common-size-base) * 41);--ti-common-size-42x:calc(var(--ti-common-size-base) * 42);--ti-common-size-43x:calc(var(--ti-common-size-base) * 43);--ti-common-size-44x:calc(var(--ti-common-size-base) * 44);--ti-common-size-45x:calc(var(--ti-common-size-base) * 45);--ti-common-size-46x:calc(var(--ti-common-size-base) * 46);--ti-common-size-47x:calc(var(--ti-common-size-base) * 47);--ti-common-size-48x:calc(var(--ti-common-size-base) * 48);--ti-common-size-49x:calc(var(--ti-common-size-base) * 49);--ti-common-size-50x:calc(var(--ti-common-size-base) * 50);--ti-common-size-0:0px;--ti-common-size-auto:auto;--ti-common-size-width-large:var(--ti-common-size-33x);--ti-common-size-width-medium:var(--ti-common-size-30x);--ti-common-size-width-normal:var(--ti-common-size-20x);--ti-common-size-width-minor:30px;--ti-common-size-height-large:var(--ti-common-size-12x);--ti-common-size-height-medium:var(--ti-common-size-10x);--ti-common-size-height-small:var(--ti-common-size-8x);--ti-common-size-height-normal:var(--ti-common-size-7x);--ti-common-size-height-mini:var(--ti-common-size-6x);--ti-common-scrollbar-width:4px;--ti-common-scrollbar-height:4px;--ti-common-scrollbar-track-piece-bg-color:var(--ti-base-color-bg-4);--ti-common-scrollbar-thumb-bg-color:#bfbfbf;--ti-common-scrollbar-thumb-border-radius:6px;--ti-common-scrollbar-thumb-hover-bg-color:#999999;--ti-common-scrollbar-thumb-active-bg-color:#999999}:root{--ti-errortips-box-bg-color:var(--ti-common-color-light);--ti-errortips-body-text-color:#5a5e66;--ti-errortips-body-font-size:var(--ti-common-font-size-1);--ti-errortips-body-code-font-size:100px;--ti-errortips-body-code-text-color:#9ac7ef;--ti-errortips-body-content-font-size:var(--ti-common-font-size-2);--ti-errortips-body-bottom-font-weight:var(--ti-common-font-weight-8);--ti-errortips-sso-box-bg-color:var(--ti-common-color-light);--ti-errortips-sso-body-text-color:#5a5e66;--ti-errortips-sso-body-font-size:var(--ti-common-font-size-1);--ti-errortips-not-sso-bg-color:#dcdfe4;--ti-errortips-not-sso-body-bg-color:#f4f5f9;--ti-errortips-not-sso-body-border-color:#d4d5d7;--ti-errortips-not-sso-body-title-border-color:#b6babf;--ti-errortips-not-sso-body-title-font-size:var(--ti-common-font-size-4);--ti-errortips-not-sso-body-login-font-size:var(--ti-common-font-size-2);--ti-errortips-not-sso-body-text-color:#5a5e66;--ti-errortips-not-sso-body-input-border-color:var(--ti-base-color-bg-5);--ti-errortips-not-sso-body-input-border-radius:var(--ti-common-border-radius-normal);--ti-errortips-not-sso-body-placeholder-text-color:var(--ti-common-color-placeholder);--ti-errortips-not-sso-body-input-hover-text-color:var(--ti-common-color-placeholder);--ti-errortips-not-sso-body-input-focus-text-color:var(--ti-common-color-border);--ti-errortips-not-sso-body-input-danger-border-color:var(--ti-base-color-bg-8);--ti-errortips-not-sso-body-button-text-color:var(--ti-common-color-light);--ti-errortips-not-sso-body-button-bg-color:var(--ti-base-color-brand-6);--ti-errortips-not-sso-body-button-border-radius:var(--ti-common-border-radius-normal);--ti-errortips-not-sso-body-button-hover-bg-color:var(--ti-base-color-brand-5);--ti-errortips-not-sso-body-errmessage-text-color:#f00}.tiny-popup__wrapper{z-index:2147483647!important;background:rgba(0,0,0,.5);position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.tiny-popup__wrapper .tiny-errortips__box{position:absolute;width:var(--ti-errortips-width);min-height:var(--ti-errortips-min-height);max-height:var(--ti-errortips-max-height);top:0;left:0;right:0;bottom:0;margin:auto;overflow:hidden;background:var(--ti-errortips-box-bg-color);border:1px solid transparent;-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);text-align:center;overflow-y:auto}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body{height:100%;text-align:initial;padding:20px;color:var(--ti-errortips-body-text-color);font-size:var(--ti-errortips-body-font-size);display:table;margin:auto}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips{text-align:center;display:table-cell;vertical-align:middle}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-code{font-size:var(--ti-errortips-body-code-font-size);color:var(--ti-errortips-body-code-text-color);margin:0 auto -45px;text-shadow:0 2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-img{width:260px;height:180px;margin:0 auto;background:url(../images/errortips-bg.png) no-repeat}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-content{font-size:var(--ti-errortips-body-content-font-size);margin:24px 0;font-weight:700}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-bottom a{font-weight:var(--ti-errortips-body-bottom-font-weight);cursor:pointer}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-bottom span{padding-right:15px}.tiny-popup__wrapper .tiny-sso__box{position:absolute;background:var(--ti-errortips-sso-box-bg-color);border:1px solid transparent;-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tiny-popup__wrapper .tiny-sso__box .tiny-sso__body{text-align:initial;padding:20px;color:var(--ti-errortips-sso-body-text-color);line-height:32px;font-size:var(--ti-errortips-sso-body-font-size)}.tiny-popup__wrapper .tiny-sso__box .tiny-sso__body .tiny-sso__body-iframe{width:350px;height:350px;overflow:hidden}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-popup__wrapper .tiny-sso__box .tiny-sso__body .tiny-sso__body-iframe{height:460px}}@supports (-ms-ime-align:auto){.tiny-popup__wrapper .tiny-sso__box .tiny-sso__body .tiny-sso__body-iframe{height:460px}}.tiny-popup__wrapper.login-not-sso{background:var(--ti-errortips-not-sso-bg-color);background-size:cover}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box{width:100%;height:100%;overflow:hidden}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body{width:650px;height:400px;background:var(--ti-errortips-not-sso-body-bg-color);position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;border:1px solid var(--ti-errortips-not-sso-body-border-color);-webkit-box-shadow:0 2px 4px #989a9e;box-shadow:0 2px 4px #989a9e}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .title{background:-webkit-gradient(linear,left top,left bottom,from(#ecedf1),to(#dadde2));background:linear-gradient(to bottom,#ecedf1,#dadde2);border-bottom:1px solid var(--ti-errortips-not-sso-body-title-border-color);padding:16px 20px;font-size:var(--ti-errortips-not-sso-body-title-font-size)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login{width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--ti-errortips-not-sso-body-login-font-size);margin-top:28px}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item{height:60px;line-height:60px}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.label{width:30%;text-align:right;color:var(--ti-errortips-not-sso-body-text-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell{width:70%;text-align:left;padding-left:12px}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input{border:1px solid var(--ti-errortips-not-sso-body-input-border-color);border-radius:var(--ti-errortips-not-sso-body-input-border-radius);outline:0;width:75%;height:40px;line-height:40px;padding:0 8px;background:0 0;color:var(--ti-errortips-not-sso-body-text-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input::-webkit-input-placeholder{color:var(--ti-errortips-not-sso-body-placeholder-text-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input:hover{border-color:var(--ti-errortips-not-sso-body-placeholder-text-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input:focus::-webkit-input-placeholder{color:var(--ti-errortips-not-sso-body-input-focus-text-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input.text-danger{border-color:var(--ti-errortips-not-sso-body-input-danger-border-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell button{width:75%;height:40px;line-height:40px;padding:0 24px;text-align:center;color:var(--ti-errortips-not-sso-body-button-text-color);background-color:var(--ti-errortips-not-sso-body-button-bg-color);border:none;border-radius:var(--ti-errortips-not-sso-body-button-border-radius);-webkit-transition:.3s;transition:.3s;outline:0}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell button:hover{background-color:var(--ti-errortips-not-sso-body-button-hover-bg-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell .errmessage{color:var(--ti-errortips-not-sso-body-errmessage-text-color);line-height:20px}.tiny-svg{width:1em;height:1em;vertical-align:middle;overflow:hidden;display:inline-block}
|
|
1
|
+
.tiny-icon-success{fill:#5cb300}.tiny-icon-error{fill:#f23030}.tiny-icon-warning-triangle{fill:#f80}.tiny-icon-prompt{fill:#1476ff}.tiny-icon-text-type{fill:#9185f0}[class*=tiny-]{-webkit-box-sizing:border-box;box-sizing:border-box}[class*=tiny-] :after,[class*=tiny-] :before{-webkit-box-sizing:border-box;box-sizing:border-box}[class*=tiny-] a{cursor:pointer;background-image:none;text-decoration:none;outline:0}[class*=tiny-] a:active,[class*=tiny-] a:focus,[class*=tiny-] a:hover{outline:0;text-decoration:none}[class*=tiny-] dd,[class*=tiny-] dl,[class*=tiny-] dt,[class*=tiny-] li,[class*=tiny-] ol,[class*=tiny-] td,[class*=tiny-] th,[class*=tiny-] ul{margin:0;padding:0}[class*=tiny-] ol,[class*=tiny-] ul{list-style:none}[class*=tiny-] audio,[class*=tiny-] canvas,[class*=tiny-] video{display:inline-block}[class*=tiny-] audio:not([controls]){display:none;height:0}[class*=tiny-] mark{background:#ff0;color:#000}[class*=tiny-] pre{white-space:pre-wrap}[class*=tiny-] sub,[class*=tiny-] sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}[class*=tiny-] sup{top:-.5em}[class*=tiny-] sub{bottom:-.25em}[class*=tiny-] fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}[class*=tiny-] legend{border:0;padding:0}[class*=tiny-] input::-ms-clear,[class*=tiny-] input::-ms-reveal{display:none}[class*=tiny-] button::-moz-focus-inner,[class*=tiny-] input::-moz-focus-inner{border:0;padding:0}[class*=tiny-] textarea{overflow:auto;vertical-align:top}[class*=tiny-] table{border-collapse:collapse;border-spacing:0}[class*=tiny-] .tiny-hide{display:none}[class*=tiny-] .popper__arrow,[class*=tiny-] .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}@media (min-width:768px){[class*=tiny-] ::-webkit-scrollbar{width:var(--ti-common-scrollbar-width);height:var(--ti-common-scrollbar-height)}[class*=tiny-] ::-webkit-scrollbar-track-piece{background:var(--ti-common-scrollbar-track-piece-bg-color)}[class*=tiny-] ::-webkit-scrollbar-thumb{background:var(--ti-common-scrollbar-thumb-bg-color);border-radius:var(--ti-common-scrollbar-thumb-border-radius)}[class*=tiny-] ::-webkit-scrollbar-thumb:hover{background:var(--ti-common-scrollbar-thumb-hover-bg-color)}[class*=tiny-] ::-webkit-scrollbar-thumb:active{background:var(--ti-common-scrollbar-thumb-active-bg-color)}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar{width:8px;height:8px}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar-track-piece{background:0 0;border:0}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:4px}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar-thumb:hover{background:#999}[class*=tiny-] .tiny-scrollbar::-webkit-scrollbar-thumb:active{background:#999}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar{width:4px;height:4px}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar-track-piece{background:0 0;border:0}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:2px}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar-thumb:hover{background:#999}[class*=tiny-] .tiny-min-scrollbar::-webkit-scrollbar-thumb:active{background:#999}}:root{--ti-base-color-white:#fff;--ti-base-color-transparent:transparent;--ti-base-color-brand-6:#5e7ce0;--ti-base-color-brand-8:#344899;--ti-base-color-brand-7:#526ecc;--ti-base-color-brand-5:#7693f5;--ti-base-color-brand-4:#96adfa;--ti-base-color-brand-3:#beccfa;--ti-base-color-brand-2:#e9edfa;--ti-base-color-brand-1:#f2f5fc;--ti-base-color-common-9:#181818;--ti-base-color-common-8:#282b33;--ti-base-color-common-7:#252b3a;--ti-base-color-common-6:#464c59;--ti-base-color-common-5:#575d6c;--ti-base-color-common-4:#5c6173;--ti-base-color-common-3:#8a8e99;--ti-base-color-common-2:#adb0b8;--ti-base-color-common-1:#dfe1e6;--ti-base-color-bg-9:#b12220;--ti-base-color-bg-8:#c7000b;--ti-base-color-bg-7:#d64a52;--ti-base-color-bg-6:#eef0f5;--ti-base-color-bg-5:#f5f5f6;--ti-base-color-bg-4:#fafafa;--ti-base-color-bg-3:#ffffff;--ti-base-color-bg-2:#ffffff;--ti-base-color-bg-1:#ffffff;--ti-base-color-error-4:#de504e;--ti-base-color-error-3:#f66f6a;--ti-base-color-error-2:#ffbcba;--ti-base-color-error-1:#ffeeed;--ti-base-color-success-4:#3ac295;--ti-base-color-success-3:#50d4ab;--ti-base-color-success-2:#acf2dc;--ti-base-color-success-1:#edfff9;--ti-base-color-warn-5:#e37d29;--ti-base-color-warn-4:#fa9841;--ti-base-color-warn-3:#fac20a;--ti-base-color-warn-2:#ffd0a6;--ti-base-color-warn-1:#fff3e8;--ti-base-color-prompt-4:var(--ti-base-color-brand-7);--ti-base-color-prompt-3:var(--ti-base-color-brand-6);--ti-base-color-prompt-2:var(--ti-base-color-brand-3);--ti-base-color-prompt-1:#ebf6ff;--ti-base-color-prompt-icon-from:#7769e8;--ti-base-color-prompt-icon-to:#58bbff;--ti-base-color-icon-info:#6cbfff;--ti-base-color-data-3:#a6dd82;--ti-base-color-data-4:#f3689a;--ti-base-color-data-5:#a97af8;--ti-common-color-transparent:var(--ti-base-color-transparent);--ti-common-color-light:#fff;--ti-common-color-dark:#000;--ti-common-color-success:var(--ti-base-color-success-3);--ti-common-color-text-success:var(--ti-base-color-success-4);--ti-common-color-success-bg:var(--ti-base-color-success-1);--ti-common-color-success-border:var(--ti-base-color-success-2);--ti-common-color-error:var(--ti-base-color-error-3);--ti-common-color-error-text:var(--ti-base-color-error-4);--ti-common-color-error-bg:var(--ti-base-color-error-1);--ti-common-color-error-border:var(--ti-base-color-error-3);--ti-common-color-error-border-secondary:var(--ti-base-color-error-2);--ti-common-color-info:var(--ti-base-color-common-7);--ti-common-color-info-text:var(--ti-base-color-common-7);--ti-common-color-info-bg:rgba(51, 51, 51, 0.06);--ti-common-color-info-border:#d3d4d6;--ti-common-color-warn:var(--ti-base-color-warn-4);--ti-common-color-warn-text:var(--ti-base-color-warn-5);--ti-common-color-warn-bg:var(--ti-base-color-warn-1);--ti-common-color-warn-border:var(--ti-base-color-warn-2);--ti-common-color-warn-secondary:var(--ti-base-color-warn-3);--ti-common-color-prompt:var(--ti-base-color-prompt-3);--ti-common-color-prompt-text:var(--ti-base-color-prompt-4);--ti-common-color-prompt-bg:var(--ti-base-color-prompt-1);--ti-common-color-prompt-border:var(--ti-base-color-prompt-2);--ti-common-color-prompt-icon-from:var(--ti-base-color-prompt-icon-from);--ti-common-color-prompt-icon-to:var(--ti-base-color-prompt-icon-to);--ti-common-color-primary-normal:var(--ti-base-color-brand-6);--ti-common-color-primary-hover:var(--ti-base-color-brand-5);--ti-common-color-primary-active:var(--ti-base-color-brand-5);--ti-common-color-primary-disabled:#a0cfff;--ti-common-color-primary-disabled-bgcolor:var(--ti-common-color-bg-disabled);--ti-common-color-primary-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-primary-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-primary-plain-disabled-bg-color:rgba(191, 191, 191, 0.1);--ti-common-color-success-normal:var(--ti-common-color-success);--ti-common-color-success-hover:var(--ti-common-color-success-border);--ti-common-color-success-active:var(--ti-common-color-success-border);--ti-common-color-success-disabled:#a6c3b9;--ti-common-color-success-disabled-bgcolor:var(--ti-common-color-bg-disabled);--ti-common-color-success-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-success-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-success-plain-disabled-bg-color:rgba(166, 195, 185, 0.1);--ti-common-color-warning-normal:var(--ti-common-color-warn);--ti-common-color-warning-hover:var(--ti-common-color-warn-secondary);--ti-common-color-warning-active:var(--ti-common-color-warn-secondary);--ti-common-color-warning-disabled:#d3c6a2;--ti-common-color-warning-disabled-bgcolor:var(--ti-common-color-bg-disabled);--ti-common-color-warning-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-warning-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-warning-plain-disabled-bg-color:rgba(211, 198, 162, 0.1);--ti-common-color-danger-normal:var(--ti-common-bg-primary);--ti-common-color-danger-hover:var(--ti-common-bg-primary-hover);--ti-common-color-danger-active:var(--ti-common-bg-primary-active);--ti-common-color-danger-disabled:#d8bab5;--ti-common-color-danger-disabled-bgcolor:var(--ti-common-color-bg-disabled);--ti-common-color-danger-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-danger-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-danger-plain-disabled-bg-color:rgba(216, 186, 181, 0.1);--ti-common-color-info-normal:var(--ti-base-color-common-7);--ti-common-color-info-hover:var(--ti-base-color-common-4);--ti-common-color-info-active:var(--ti-base-color-common-4);--ti-common-color-info-disabled:#bfbfbf;--ti-common-color-info-disabled-bgcolor:var(--ti-common-color-bg-disabled);--ti-common-color-info-disabled-border:var(--ti-common-color-line-disabled);--ti-common-color-info-disabled-text:var(--ti-common-color-text-disabled);--ti-common-color-info-plain-disabled-bg-color:rgba(191, 191, 191, 0.1);--ti-common-color-text-primary:var(--ti-base-color-common-7);--ti-common-color-text-secondary:var(--ti-base-color-common-5);--ti-common-color-text-weaken:var(--ti-base-color-common-3);--ti-common-color-text-disabled:var(--ti-base-color-common-2);--ti-common-color-text-darkbg:var(--ti-base-color-common-2);--ti-common-color-text-darkbg-disabled:var(--ti-base-color-common-5);--ti-common-color-text-link:var(--ti-base-color-brand-7);--ti-common-color-text-link-hover:var(--ti-base-color-brand-8);--ti-common-color-text-link-darkbg:var(--ti-base-color-brand-4);--ti-common-color-text-link-darkbg-hover:var(--ti-base-color-brand-3);--ti-common-color-text-highlight:var(--ti-base-color-brand-7);--ti-common-color-text-white:var(--ti-base-color-white);--ti-common-color-text-gray:var(--ti-base-color-white);--ti-common-color-text-gray-disabled:var(--ti-base-color-common-4);--ti-common-color-text-important:var(--ti-base-color-error-4);--ti-common-color-placeholder:var(--ti-base-color-common-2);--ti-common-color-selected-text-color:var(--ti-common-color-light);--ti-common-color-icon-normal:var(--ti-base-color-common-5);--ti-common-color-icon-hover:var(--ti-base-color-brand-6);--ti-common-color-icon-active:var(--ti-base-color-brand-6);--ti-common-color-icon-disabled:var(--ti-base-color-common-2);--ti-common-color-icon-white:var(--ti-base-color-white);--ti-common-color-icon-graybg-normal:var(--ti-base-color-common-2);--ti-common-color-icon-graybg-hover:var(--ti-base-color-brand-6);--ti-common-color-icon-graybg-active:var(--ti-base-color-brand-6);--ti-common-color-icon-graybg-disabled:var(--ti-base-color-common-1);--ti-common-color-icon-darkbg-normal:var(--ti-base-color-common-2);--ti-common-color-icon-darkbg-hover:var(--ti-base-color-brand-5);--ti-common-color-icon-darkbg-active:var(--ti-base-color-brand-5);--ti-common-color-icon-darkbg-disabled:var(--ti-base-color-common-5);--ti-common-color-icon-info:var(--ti-base-color-icon-info);--ti-common-color-bg-normal:var(--ti-base-color-bg-6);--ti-common-color-bg-emphasize:var(--ti-base-color-brand-6);--ti-common-color-bg-disabled:var(--ti-base-color-bg-5);--ti-common-color-bg-hover:var(--ti-base-color-brand-8);--ti-common-color-bg-gray:var(--ti-base-color-bg-4);--ti-common-color-bg-secondary:var(--ti-base-color-common-2);--ti-common-bg-primary:var(--ti-base-color-bg-8);--ti-common-bg-primary-hover:var(--ti-base-color-bg-7);--ti-common-bg-primary-active:var(--ti-base-color-bg-9);--ti-common-bg-minor:var(--ti-base-color-bg-2);--ti-common-bg-minor-hover:var(--ti-base-color-bg-1);--ti-common-bg-minor-active:var(--ti-base-color-bg-3);--ti-common-color-bg-white-normal:var(--ti-base-color-white);--ti-common-color-bg-white-emphasize:var(--ti-base-color-brand-1);--ti-common-color-bg-light-normal:var(--ti-base-color-brand-2);--ti-common-color-bg-light-emphasize:var(--ti-base-color-brand-3);--ti-common-color-bg-dark-normal:var(--ti-base-color-common-6);--ti-common-color-bg-dark-emphasize:var(--ti-base-color-common-4);--ti-common-color-bg-dark-active:var(--ti-common-color-bg-normal);--ti-common-color-bg-dark-deep:var(--ti-base-color-common-6);--ti-common-color-bg-dark-disabled:var(--ti-base-color-common-1);--ti-common-color-bg-navigation:var(--ti-base-color-common-8);--ti-common-color-bg-dark-select:var(--ti-base-color-common-9);--ti-common-color-selected-background:var(--ti-base-color-brand-6);--ti-common-color-hover-background:var(--ti-base-color-brand-1);--ti-common-color-data-1:var(--ti-base-color-success-3);--ti-common-color-data-2:var(--ti-base-color-icon-info);--ti-common-color-data-3:var(--ti-base-color-data-3);--ti-common-color-data-4:var(--ti-base-color-data-4);--ti-common-color-data-5:var(--ti-base-color-data-5);--ti-common-color-data-6:var(--ti-base-color-warn-3);--ti-common-color-data-7:var(--ti-base-color-warn-4);--ti-common-color-data-8:var(--ti-base-color-error-3);--ti-common-line-height-number:1.5;--ti-common-line-height-base:12px;--ti-common-line-height-1:14px;--ti-common-line-height-2:16px;--ti-common-line-height-3:18px;--ti-common-line-height-4:20px;--ti-common-line-height-5:24px;--ti-common-line-height-6:32px;--ti-common-line-height-7:36px;--ti-common-space-base:4px;--ti-common-space-2x:calc(var(--ti-common-space-base) * 2);--ti-common-space-3x:calc(var(--ti-common-space-base) * 3);--ti-common-space-4x:calc(var(--ti-common-space-base) * 4);--ti-common-space-5x:calc(var(--ti-common-space-base) * 5);--ti-common-space-6x:calc(var(--ti-common-space-base) * 6);--ti-common-space-8x:calc(var(--ti-common-space-base) * 8);--ti-common-space-10x:calc(var(--ti-common-space-base) * 10);--ti-common-space-0:0px;--ti-common-space-1:1px;--ti-common-space-6:6px;--ti-common-space-10:10px;--ti-common-dropdown-gap:2px;--ti-common-shadow-none:none;--ti-common-shadow-1-up:0 -1px 4px 0 rgba(0, 0, 0, 0.1);--ti-common-shadow-1-down:0 1px 4px 0 rgba(0, 0, 0, 0.1);--ti-common-shadow-1-left:-1px 0px 4px 0 rgba(0, 0, 0, 0.1);--ti-common-shadow-1-right:1px 0px 4px 0 rgba(0, 0, 0, 0.1);--ti-common-shadow-2-up:0 -2px 8px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-2-down:0 2px 8px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-2-left:-2px 0 8px 0 rgba(238, 10, 10, 0.2);--ti-common-shadow-2-right:2px 0 8px 0 rgba(252, 5, 5, 0.2);--ti-common-shadow-3-up:0 -4px 16px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-3-down:0 4px 16px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-3-left:-4px 0 16px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-3-right:4px 0 16px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-4-up:0 -8px 40px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-4-down:0 8px 40px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-4-left:-8px 0 40px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-4-right:8px 0 40px 0 rgba(0, 0, 0, 0.2);--ti-common-shadow-error:0 1px 3px 0 rgba(199, 54, 54, 0.25);--ti-common-shadow-warn:0 1px 3px 0 rgba(204, 100, 20, 0.25);--ti-common-shadow-prompt:0 1px 3px 0 rgba(70, 94, 184, 0.25);--ti-common-shadow-success:0 1px 3px 0 rgba(39, 176, 128, 0.25);--ti-common-font-family:'Helvetica','Arial','PingFangSC-Regular','Hiragino Sans GB','Microsoft YaHei','微软雅黑','Microsoft JhengHei';--ti-common-font-size-base:12px;--ti-common-font-size-1:14px;--ti-common-font-size-2:16px;--ti-common-font-size-3:18px;--ti-common-font-size-4:20px;--ti-common-font-size-5:24px;--ti-common-font-size-6:32px;--ti-common-font-size-7:36px;--ti-common-font-weight-1:100;--ti-common-font-weight-2:200;--ti-common-font-weight-3:300;--ti-common-font-weight-4:normal;--ti-common-font-weight-5:500;--ti-common-font-weight-6:600;--ti-common-font-weight-7:bold;--ti-common-font-weight-8:800;--ti-common-font-weight-9:900;--ti-common-font-weight-bold:700;--ti-common-color-line-normal:var(--ti-base-color-common-2);--ti-common-color-line-hover:var(--ti-base-color-common-5);--ti-common-color-line-active:var(--ti-base-color-brand-6);--ti-common-color-line-disabled:var(--ti-base-color-common-1);--ti-common-color-line-dividing:var(--ti-base-color-common-1);--ti-common-color-dash-line-normal:var(--ti-base-color-common-5);--ti-common-color-dash-line-hover:var(--ti-base-color-brand-7);--ti-common-color-border:var(--ti-base-color-common-2);--ti-common-color-border-hover:var(--ti-base-color-common-5);--ti-common-border-weight-normal:1px;--ti-common-border-weight-1:2px;--ti-common-border-weight-2:3px;--ti-common-border-style-dashed:dashed;--ti-common-border-style-dotted:dotted;--ti-common-border-style-solid:solid;--ti-common-border-radius-normal:2px;--ti-common-border-radius-0:0px;--ti-common-border-radius-1:4px;--ti-common-border-radius-2:8px;--ti-common-border-radius-3:50%;--ti-common-size-base:4px;--ti-common-size-2x:calc(var(--ti-common-size-base) * 2);--ti-common-size-3x:calc(var(--ti-common-size-base) * 3);--ti-common-size-4x:calc(var(--ti-common-size-base) * 4);--ti-common-size-5x:calc(var(--ti-common-size-base) * 5);--ti-common-size-6x:calc(var(--ti-common-size-base) * 6);--ti-common-size-7x:calc(var(--ti-common-size-base) * 7);--ti-common-size-8x:calc(var(--ti-common-size-base) * 8);--ti-common-size-9x:calc(var(--ti-common-size-base) * 9);--ti-common-size-10x:calc(var(--ti-common-size-base) * 10);--ti-common-size-11x:calc(var(--ti-common-size-base) * 11);--ti-common-size-12x:calc(var(--ti-common-size-base) * 12);--ti-common-size-13x:calc(var(--ti-common-size-base) * 13);--ti-common-size-14x:calc(var(--ti-common-size-base) * 14);--ti-common-size-15x:calc(var(--ti-common-size-base) * 15);--ti-common-size-16x:calc(var(--ti-common-size-base) * 16);--ti-common-size-17x:calc(var(--ti-common-size-base) * 17);--ti-common-size-18x:calc(var(--ti-common-size-base) * 18);--ti-common-size-19x:calc(var(--ti-common-size-base) * 19);--ti-common-size-20x:calc(var(--ti-common-size-base) * 20);--ti-common-size-21x:calc(var(--ti-common-size-base) * 21);--ti-common-size-22x:calc(var(--ti-common-size-base) * 22);--ti-common-size-23x:calc(var(--ti-common-size-base) * 23);--ti-common-size-24x:calc(var(--ti-common-size-base) * 24);--ti-common-size-25x:calc(var(--ti-common-size-base) * 25);--ti-common-size-26x:calc(var(--ti-common-size-base) * 26);--ti-common-size-27x:calc(var(--ti-common-size-base) * 27);--ti-common-size-28x:calc(var(--ti-common-size-base) * 28);--ti-common-size-29x:calc(var(--ti-common-size-base) * 29);--ti-common-size-30x:calc(var(--ti-common-size-base) * 30);--ti-common-size-31x:calc(var(--ti-common-size-base) * 31);--ti-common-size-32x:calc(var(--ti-common-size-base) * 32);--ti-common-size-33x:calc(var(--ti-common-size-base) * 33);--ti-common-size-34x:calc(var(--ti-common-size-base) * 34);--ti-common-size-35x:calc(var(--ti-common-size-base) * 35);--ti-common-size-36x:calc(var(--ti-common-size-base) * 36);--ti-common-size-37x:calc(var(--ti-common-size-base) * 37);--ti-common-size-38x:calc(var(--ti-common-size-base) * 38);--ti-common-size-39x:calc(var(--ti-common-size-base) * 39);--ti-common-size-40x:calc(var(--ti-common-size-base) * 40);--ti-common-size-41x:calc(var(--ti-common-size-base) * 41);--ti-common-size-42x:calc(var(--ti-common-size-base) * 42);--ti-common-size-43x:calc(var(--ti-common-size-base) * 43);--ti-common-size-44x:calc(var(--ti-common-size-base) * 44);--ti-common-size-45x:calc(var(--ti-common-size-base) * 45);--ti-common-size-46x:calc(var(--ti-common-size-base) * 46);--ti-common-size-47x:calc(var(--ti-common-size-base) * 47);--ti-common-size-48x:calc(var(--ti-common-size-base) * 48);--ti-common-size-49x:calc(var(--ti-common-size-base) * 49);--ti-common-size-50x:calc(var(--ti-common-size-base) * 50);--ti-common-size-0:0px;--ti-common-size-auto:auto;--ti-common-size-width-large:var(--ti-common-size-33x);--ti-common-size-width-medium:var(--ti-common-size-30x);--ti-common-size-width-normal:var(--ti-common-size-20x);--ti-common-size-height-large:var(--ti-common-size-12x);--ti-common-size-height-medium:var(--ti-common-size-10x);--ti-common-size-height-small:var(--ti-common-size-8x);--ti-common-size-height-normal:var(--ti-common-size-7x);--ti-common-size-height-mini:var(--ti-common-size-6x);--ti-common-scrollbar-width:4px;--ti-common-scrollbar-height:4px;--ti-common-scrollbar-track-piece-bg-color:var(--ti-base-color-bg-4);--ti-common-scrollbar-thumb-bg-color:#bfbfbf;--ti-common-scrollbar-thumb-border-radius:6px;--ti-common-scrollbar-thumb-hover-bg-color:#999999;--ti-common-scrollbar-thumb-active-bg-color:#999999}:root{--ti-errortips-box-bg-color:var(--ti-common-color-light);--ti-errortips-body-text-color:#5a5e66;--ti-errortips-body-font-size:var(--ti-common-font-size-1);--ti-errortips-body-code-font-size:100px;--ti-errortips-body-code-text-color:#9ac7ef;--ti-errortips-body-content-font-size:var(--ti-common-font-size-2);--ti-errortips-body-bottom-font-weight:var(--ti-common-font-weight-8);--ti-errortips-sso-box-bg-color:var(--ti-common-color-light);--ti-errortips-sso-body-text-color:#5a5e66;--ti-errortips-sso-body-font-size:var(--ti-common-font-size-1);--ti-errortips-not-sso-bg-color:#dcdfe4;--ti-errortips-not-sso-body-bg-color:#f4f5f9;--ti-errortips-not-sso-body-border-color:#d4d5d7;--ti-errortips-not-sso-body-title-border-color:#b6babf;--ti-errortips-not-sso-body-title-font-size:var(--ti-common-font-size-4);--ti-errortips-not-sso-body-login-font-size:var(--ti-common-font-size-2);--ti-errortips-not-sso-body-text-color:#5a5e66;--ti-errortips-not-sso-body-input-border-color:var(--ti-base-color-bg-5);--ti-errortips-not-sso-body-input-border-radius:var(--ti-common-border-radius-normal);--ti-errortips-not-sso-body-placeholder-text-color:var(--ti-common-color-placeholder);--ti-errortips-not-sso-body-input-hover-text-color:var(--ti-common-color-placeholder);--ti-errortips-not-sso-body-input-focus-text-color:var(--ti-common-color-border);--ti-errortips-not-sso-body-input-danger-border-color:var(--ti-base-color-bg-8);--ti-errortips-not-sso-body-button-text-color:var(--ti-common-color-light);--ti-errortips-not-sso-body-button-bg-color:var(--ti-base-color-brand-6);--ti-errortips-not-sso-body-button-border-radius:var(--ti-common-border-radius-normal);--ti-errortips-not-sso-body-button-hover-bg-color:var(--ti-base-color-brand-5);--ti-errortips-not-sso-body-errmessage-text-color:#f00}.tiny-popup__wrapper{z-index:2147483647!important;background:rgba(0,0,0,.5);position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.tiny-popup__wrapper .tiny-errortips__box{position:absolute;width:var(--ti-errortips-width);min-height:var(--ti-errortips-min-height);max-height:var(--ti-errortips-max-height);top:0;left:0;right:0;bottom:0;margin:auto;overflow:hidden;background:var(--ti-errortips-box-bg-color);border:1px solid transparent;-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);text-align:center;overflow-y:auto}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body{height:100%;text-align:initial;padding:20px;color:var(--ti-errortips-body-text-color);font-size:var(--ti-errortips-body-font-size);display:table;margin:auto}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips{text-align:center;display:table-cell;vertical-align:middle}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-code{font-size:var(--ti-errortips-body-code-font-size);color:var(--ti-errortips-body-code-text-color);margin:0 auto -45px;text-shadow:0 2px 0 #fff,-2px 0 0 #fff,2px 0 0 #fff}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-img{width:260px;height:180px;margin:0 auto;background:url(../images/errortips-bg.png) no-repeat}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-content{font-size:var(--ti-errortips-body-content-font-size);margin:24px 0;font-weight:700}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-bottom a{font-weight:var(--ti-errortips-body-bottom-font-weight);cursor:pointer}.tiny-popup__wrapper .tiny-errortips__box .tiny-errortips__body .errortips .error-bottom span{padding-right:15px}.tiny-popup__wrapper .tiny-sso__box{position:absolute;background:var(--ti-errortips-sso-box-bg-color);border:1px solid transparent;-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);box-shadow:2px 2px 2px 0 rgba(0,0,0,.2);left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.tiny-popup__wrapper .tiny-sso__box .tiny-sso__body{text-align:initial;padding:20px;color:var(--ti-errortips-sso-body-text-color);line-height:32px;font-size:var(--ti-errortips-sso-body-font-size)}.tiny-popup__wrapper .tiny-sso__box .tiny-sso__body .tiny-sso__body-iframe{width:350px;height:350px;overflow:hidden}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-popup__wrapper .tiny-sso__box .tiny-sso__body .tiny-sso__body-iframe{height:460px}}@supports (-ms-ime-align:auto){.tiny-popup__wrapper .tiny-sso__box .tiny-sso__body .tiny-sso__body-iframe{height:460px}}.tiny-popup__wrapper.login-not-sso{background:var(--ti-errortips-not-sso-bg-color);background-size:cover}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box{width:100%;height:100%;overflow:hidden}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body{width:650px;height:400px;background:var(--ti-errortips-not-sso-body-bg-color);position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;border:1px solid var(--ti-errortips-not-sso-body-border-color);-webkit-box-shadow:0 2px 4px #989a9e;box-shadow:0 2px 4px #989a9e}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .title{background:-webkit-gradient(linear,left top,left bottom,from(#ecedf1),to(#dadde2));background:linear-gradient(to bottom,#ecedf1,#dadde2);border-bottom:1px solid var(--ti-errortips-not-sso-body-title-border-color);padding:16px 20px;font-size:var(--ti-errortips-not-sso-body-title-font-size)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login{width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--ti-errortips-not-sso-body-login-font-size);margin-top:28px}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item{height:60px;line-height:60px}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.label{width:30%;text-align:right;color:var(--ti-errortips-not-sso-body-text-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell{width:70%;text-align:left;padding-left:12px}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input{border:1px solid var(--ti-errortips-not-sso-body-input-border-color);border-radius:var(--ti-errortips-not-sso-body-input-border-radius);outline:0;width:75%;height:40px;line-height:40px;padding:0 8px;background:0 0;color:var(--ti-errortips-not-sso-body-text-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input::-webkit-input-placeholder{color:var(--ti-errortips-not-sso-body-placeholder-text-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input:hover{border-color:var(--ti-errortips-not-sso-body-placeholder-text-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input:focus::-webkit-input-placeholder{color:var(--ti-errortips-not-sso-body-input-focus-text-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell input.text-danger{border-color:var(--ti-errortips-not-sso-body-input-danger-border-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell button{width:75%;height:40px;line-height:40px;padding:0 24px;text-align:center;color:var(--ti-errortips-not-sso-body-button-text-color);background-color:var(--ti-errortips-not-sso-body-button-bg-color);border:none;border-radius:var(--ti-errortips-not-sso-body-button-border-radius);-webkit-transition:.3s;transition:.3s;outline:0}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell button:hover{background-color:var(--ti-errortips-not-sso-body-button-hover-bg-color)}.tiny-popup__wrapper.login-not-sso .tiny-not-sso__box .tiny-not-sso__body .tbl-login .form-item td.cell .errmessage{color:var(--ti-errortips-not-sso-body-errmessage-text-color);line-height:20px}.tiny-svg{width:1em;height:1em;vertical-align:middle;overflow:hidden;display:inline-block}
|
package/bulletin-board/index.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
-
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
-
*
|
|
5
|
-
* Use of this source code is governed by an MIT-style license.
|
|
6
|
-
*
|
|
7
|
-
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
-
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
-
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
-
*
|
|
11
|
-
*/
|
|
2
|
+
* Copyright (c) 2022 - present TinyVue Authors.
|
|
3
|
+
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
|
|
4
|
+
*
|
|
5
|
+
* Use of this source code is governed by an MIT-style license.
|
|
6
|
+
*
|
|
7
|
+
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
|
|
8
|
+
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
|
|
9
|
+
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
|
|
10
|
+
*
|
|
11
|
+
*/
|
|
12
12
|
|
|
13
13
|
export default {
|
|
14
14
|
'tiny-bulletin-board-title-font-size': '18px',
|
package/button/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-button{--ti-button-border-radius:var(--ti-common-border-radius-normal);--ti-button-font-size:var(--ti-common-font-size-base);--ti-button-plain-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-border-width:var(--ti-common-border-weight-normal);--ti-button-border-style:var(--ti-common-border-style-solid);--ti-button-loading-bg-color:rgba(255, 255, 255, 0.35);--ti-button-size-normal-min-width:var(--ti-common-size-width-normal);--ti-button-size-normal-max-width:var(--ti-common-size-width-medium);--ti-button-size-normal-height:var(--ti-common-size-height-normal);--ti-button-size-normal-padding-horizontal:var(--ti-common-size-5x);--ti-button-size-normal-mini-width:var(--ti-common-size-20x);--ti-button-size-large-min-width:var(--ti-common-size-width-normal);--ti-button-size-large-max-width:var(--ti-common-size-width-large);--ti-button-size-large-height:var(--ti-common-size-height-large);--ti-button-size-large-font-size:var(--ti-common-font-size-2);--ti-button-size-large-padding-horizontal:var(--ti-common-size-8x);--ti-button-size-large-mini-width:var(--ti-common-size-24x);--ti-button-size-large-margin-left:8px;--ti-button-size-medium-min-width:var(--ti-common-size-width-normal);--ti-button-size-medium-max-width:var(--ti-common-size-width-large);--ti-button-size-medium-height:var(--ti-common-size-height-medium);--ti-button-size-medium-font-size:var(--ti-common-font-size-1);--ti-button-size-medium-padding-horizontal:var(--ti-common-size-7x);--ti-button-size-medium-mini-width:var(--ti-common-size-22x);--ti-button-size-medium-margin-left:8px;--ti-button-size-small-min-width:var(--ti-common-size-width-normal);--ti-button-size-small-max-width:var(--ti-common-size-width-medium);--ti-button-size-small-height:var(--ti-common-size-height-small);--ti-button-size-small-font-size:var(--ti-common-font-size-1);--ti-button-size-small-padding-horizontal:var(--ti-common-size-3x);--ti-button-size-small-mini-width:var(--ti-common-size-18x);--ti-button-size-small-margin-left:8px;--ti-button-size-mini-min-width:var(--ti-common-size-width-normal);--ti-button-size-mini-max-width:var(--ti-common-size-width-medium);--ti-button-size-mini-height:var(--ti-common-size-height-mini);--ti-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-button-size-mini-padding-horizontal:var(--ti-common-size-2x);--ti-button-size-mini-mini-width:var(--ti-common-size-16x);--ti-button-normal-text-color:var(--ti-common-color-text-primary);--ti-button-normal-border-color:var(--ti-common-color-border);--ti-button-normal-background-color:var(--ti-common-color-light);--ti-button-normal-hover-text-color:var(--ti-common-color-primary-normal);--ti-button-normal-hover-border-color:var(--ti-common-color-primary-normal);--ti-button-normal-hover-background-color:var(--ti-common-color-light);--ti-button-normal-active-text-color:var(--ti-common-color-primary-normal);--ti-button-normal-active-border-color:var(--ti-common-color-primary-normal);--ti-button-normal-active-background-color:var(--ti-common-color-hover-background);--ti-button-normal-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-normal-disabled-border-color:var(--ti-common-color-line-disabled);--ti-button-normal-disabled-background-color:var(--ti-common-color-bg-disabled);--ti-button-text-color:var(--ti-common-color-primary-normal);--ti-button-text-color-hover:var(--ti-base-color-brand-5);--ti-button-text-hover-weight:var(--ti-common-font-weight-4);--ti-button-text-color-active:var(--ti-common-color-primary-active);--ti-button-text-color-disabled:var(--ti-common-color-text-disabled);--ti-button-text-svg-width:1em;--ti-button-text-svg-height:1em;--ti-button-text-size-mini-svg-width:1em;--ti-button-text-hover-bg-color:transparent;--ti-button-text-hover-border-radius:0px;--ti-button-text-svg-fill:var(--ti-button-text-color);--ti-button-text-svg-hover-fill:var(--ti-button-text-color-hover);--ti-button-text-svg-fill-disabled:var(--ti-common-color-text-disabled);--ti-button-text-svg-padding-horizontal:var(--ti-common-size-2x);--ti-button-primary-normal-bg-color:var(--ti-common-color-primary-normal);--ti-button-primary-normal-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-primary-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-primary-active-bg-color:var(--ti-common-color-primary-active);--ti-button-primary-disabled-bg-color:var(--ti-common-color-primary-disabled-bgcolor);--ti-button-primary-text-color:var(--ti-common-color-light);--ti-button-primary-disabled-text-color:var(--ti-common-color-primary-disabled-text);--ti-button-primary-disabled-border-color:var(--ti-common-color-primary-disabled-border);--ti-button-primary-plain-text-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-hover-text-color:var(--ti-common-color-light);--ti-button-primary-plain-bg-color:var(--ti-common-color-prompt-bg);--ti-button-primary-plain-hover-bg-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-hover-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-disabled-bg-color:var(--ti-common-color-primary-plain-disabled-bg-color);--ti-button-success-normal-bg-color:var(--ti-common-color-success-normal);--ti-button-success-normal-border-color:var(--ti-common-color-success-normal);--ti-button-success-hover-bg-color:var(--ti-common-color-success-hover);--ti-button-success-active-bg-color:var(--ti-common-color-success-active);--ti-button-success-disabled-bg-color:var(--ti-common-color-success-disabled-bgcolor);--ti-button-success-text-color:var(--ti-common-color-light);--ti-button-success-disabled-text-color:var(--ti-common-color-success-disabled-text);--ti-button-success-disabled-border-color:var(--ti-common-color-success-disabled-border);--ti-button-success-plain-text-color:var(--ti-common-color-success-normal);--ti-button-success-plain-hover-text-color:var(--ti-common-color-light);--ti-button-success-plain-bg-color:var(--ti-common-color-success-bg);--ti-button-success-plain-hover-bg-color:var(--ti-common-color-success-normal);--ti-button-success-plain-border-color:var(--ti-common-color-success-normal);--ti-button-success-plain-hover-border-color:var(--ti-common-color-success-normal);--ti-button-success-plain-disabled-bg-color:var(--ti-common-color-success-plain-disabled-bg-color);--ti-button-warning-normal-bg-color:var(--ti-common-color-warning-normal);--ti-button-warning-normal-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-hover-bg-color:var(--ti-common-color-warning-hover);--ti-button-success-hover-border-color:var(--ti-common-color-success-hover);--ti-button-warning-active-bg-color:var(--ti-common-color-warning-active);--ti-button-warning-disabled-bg-color:var(--ti-common-color-warning-disabled-bgcolor);--ti-button-warning-text-color:var(--ti-common-color-light);--ti-button-warning-disabled-text-color:var(--ti-common-color-warning-disabled-text);--ti-button-warning-disabled-border-color:var(--ti-common-color-warning-disabled-border);--ti-button-warning-plain-text-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-hover-text-color:var(--ti-common-color-light);--ti-button-warning-plain-bg-color:var(--ti-common-color-warn-bg);--ti-button-warning-plain-hover-bg-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-hover-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-disabled-bg-color:var(--ti-common-color-warning-plain-disabled-bg-color);--ti-button-danger-normal-bg-color:var(--ti-common-color-danger-normal);--ti-button-danger-normal-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-hover-bg-color:var(--ti-common-color-danger-hover);--ti-button-danger-hover-border-color:var(--ti-common-color-danger-hover);--ti-button-danger-active-bg-color:var(--ti-common-color-danger-active);--ti-button-danger-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-danger-text-color:var(--ti-common-color-light);--ti-button-danger-disabled-text-color:var(--ti-common-color-danger-disabled-text);--ti-button-danger-disabled-border-color:var(--ti-common-color-danger-disabled-border);--ti-button-danger-plain-text-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-hover-text-color:var(--ti-common-color-light);--ti-button-danger-plain-bg-color:var(--ti-common-color-error-bg);--ti-button-danger-plain-hover-bg-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-hover-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-danger-plain-disabled-border-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-info-normal-bg-color:var(--ti-common-color-info-normal);--ti-button-info-normal-border-color:var(--ti-common-color-info-normal);--ti-button-info-hover-bg-color:var(--ti-common-color-info-hover);--ti-button-info-hover-border-color:var(--ti-common-color-info-hover);--ti-button-info-active-bg-color:var(--ti-common-color-info-active);--ti-button-info-disabled-bg-color:var(--ti-common-color-info-disabled-bgcolor);--ti-button-info-text-color:var(--ti-common-color-light);--ti-button-info-disabled-text-color:var(--ti-common-color-info-disabled-text);--ti-button-info-disabled-border-color:var(--ti-common-color-info-disabled-border);--ti-button-info-plain-text-color:var(--ti-common-color-info-normal);--ti-button-info-plain-hover-text-color:var(--ti-common-color-light);--ti-button-info-plain-bg-color:var(--ti-common-color-info-bg);--ti-button-info-plain-hover-bg-color:var(--ti-common-color-info-normal);--ti-button-info-plain-border-color:var(--ti-common-color-info-normal);--ti-button-info-plain-hover-border-color:var(--ti-common-color-info-normal);--ti-button-info-plain-disabled-bg-color:var(--ti-common-color-info-plain-disabled-bg-color);--ti-button-padding-vertical:var(--ti-common-space-0);--ti-button-padding-horizontal:var(--ti-common-space-5x);--ti-button-size-normal-padding:var(--ti-common-space-2x);--ti-button-text-size-large-min-width:var(--ti-common-size-24x);--ti-button-text-size-large-height:var(--ti-common-size-height-large);--ti-button-text-size-large-svg-width:1em;--ti-button-text-size-large-svg-height:1em;--ti-button-text-size-medium-min-width:var(--ti-common-size-22x);--ti-button-text-size-medium-height:var(--ti-common-size-height-medium);--ti-button-text-size-medium-svg-width:1em;--ti-button-text-size-medium-svg-height:1em;--ti-button-text-size-default-min-width:var(--ti-common-size-20x);--ti-button-text-size-default-height:var(--ti-common-size-height-normal);--ti-button-text-size-default-svg-width:1em;--ti-button-text-size-default-svg-height:1em;--ti-button-text-size-small-min-width:var(--ti-common-size-18x);--ti-button-text-size-small-height:var(--ti-common-size-height-small);--ti-button-text-size-small-min-width:var(--ti-common-size-16x);--ti-button-text-size-small-height:var(--ti-common-size-height-mini);--ti-button-text-size-small-svg-width:1em;--ti-button-text-size-small-svg-height:1em;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--ti-button-size-normal-height);line-height:calc(var(--ti-button-size-normal-height) - 2px);color:var(--ti-button-normal-text-color);fill:var(--ti-button-normal-text-color);font-size:var(--ti-button-font-size);min-width:var(--ti-button-size-normal-mini-width);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-width:var(--ti-button-border-width);border-style:var(--ti-button-border-style);border-color:var(--ti-button-normal-border-color);-o-border-image:initial;border-image:initial;border-radius:var(--ti-button-border-radius);background:var(--ti-button-normal-background-color);padding:var(--ti-button-padding-vertical) var(--ti-button-size-normal-padding-horizontal);overflow:hidden;-webkit-transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;outline:0;vertical-align:middle}.tiny-button .tiny-svg{vertical-align:text-top}.tiny-button>img{margin-right:4px;vertical-align:middle}.tiny-button::-moz-focus-inner{border:0}.tiny-button:focus,.tiny-button:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-background-color)}.tiny-button.is-active,.tiny-button.is-plain:active,.tiny-button:active{color:var(--ti-button-normal-active-text-color);fill:var(--ti-button-normal-active-text-color);border-color:var(--ti-button-normal-active-border-color);background-color:var(--ti-button-normal-active-background-color)}.tiny-button.is-disabled,.tiny-button.is-disabled:focus,.tiny-button.is-disabled:hover{cursor:not-allowed;color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-background-color)}.tiny-button.is-plain:focus,.tiny-button.is-plain:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-background-color)}.tiny-button.is-disabled.is-plain,.tiny-button.is-disabled.is-plain:focus,.tiny-button.is-disabled.is-plain:hover{color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-background-color)}.tiny-button+.tiny-button{margin-left:8px}.tiny-button.is-loading{position:relative;pointer-events:none;overflow:initial}.tiny-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:var(--ti-button-loading-bg-color)}.tiny-button.is-loading .tiny-svg{fill:var(--ti-button-info-text-color)}.tiny-button.is-loading.tiny-button--default .tiny-svg{fill:var(--ti-button-normal-text-color)}.tiny-button.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button.is-icon{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}.tiny-button:not(.is-circle) .tiny-svg.is-text{margin-right:8px}.tiny-button:not(.is-circle).is-loading .tiny-svg{margin-right:4px;margin-top:1px}.tiny-button.is-circle{border-radius:50%;min-width:var(--ti-button-size-normal-height);min-height:var(--ti-button-size-normal-height);line-height:1;padding:var(--ti-button-size-normal-padding)}.tiny-button.is-circle.is-hide-boder{border:none}.tiny-button.is-circle.tiny-button--large{min-width:var(--ti-button-size-large-height);min-height:var(--ti-button-size-large-height);height:auto;line-height:1;padding:var(--ti-button-size-large-padding)}.tiny-button.is-circle.tiny-button--medium{min-width:var(--ti-button-size-medium-height);min-height:var(--ti-button-size-medium-height);height:auto;line-height:1;padding:var(--ti-button-size-medium-padding)}.tiny-button.is-circle.tiny-button--small{min-width:var(--ti-button-size-small-height);min-height:var(--ti-button-size-small-height);height:auto;line-height:1;padding:var(--ti-button-size-small-padding)}.tiny-button.is-circle.tiny-button--mini{min-width:var(--ti-button-size-mini-height);min-height:var(--ti-button-size-mini-height);height:auto;line-height:1;padding:var(--ti-button-size-mini-padding)}.tiny-button.tiny-button--primary{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-normal-border-color);background-color:var(--ti-button-primary-normal-bg-color)}.tiny-button.tiny-button--primary:hover{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-hover-border-color);background-color:var(--ti-button-primary-hover-bg-color)}.tiny-button.tiny-button--primary.is-active,.tiny-button.tiny-button--primary:active,.tiny-button.tiny-button--primary:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-disabled,.tiny-button.tiny-button--primary.is-disabled:active,.tiny-button.tiny-button--primary.is-disabled:focus,.tiny-button.tiny-button--primary.is-disabled:hover{color:var(--ti-button-primary-disabled-text-color);fill:var(--ti-button-primary-disabled-text-color);border-color:var(--ti-button-primary-disabled-border-color);background-color:var(--ti-button-primary-disabled-bg-color)}.tiny-button.tiny-button--primary.is-plain{color:var(--ti-button-primary-plain-text-color);fill:var(--ti-button-primary-plain-text-color);border-color:var(--ti-button-primary-plain-border-color);background-color:var(--ti-button-primary-plain-bg-color)}.tiny-button.tiny-button--primary.is-plain:hover{color:var(--ti-button-primary-plain-hover-text-color);fill:var(--ti-button-primary-plain-hover-text-color);border-color:var(--ti-button-primary-plain-hover-border-color);background-color:var(--ti-button-primary-plain-hover-bg-color)}.tiny-button.tiny-button--primary.is-plain.is-active,.tiny-button.tiny-button--primary.is-plain:active,.tiny-button.tiny-button--primary.is-plain:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-plain.is-disabled,.tiny-button.tiny-button--primary.is-plain.is-disabled:active,.tiny-button.tiny-button--primary.is-plain.is-disabled:focus,.tiny-button.tiny-button--primary.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-primary-disabled-bg-color);background-color:var(--ti-button-primary-plain-disabled-bg-color)}.tiny-button.tiny-button--success{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-normal-border-color);background-color:var(--ti-button-success-normal-bg-color)}.tiny-button.tiny-button--success:hover{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-hover-border-color);background-color:var(--ti-button-success-hover-bg-color)}.tiny-button.tiny-button--success.is-active,.tiny-button.tiny-button--success:active,.tiny-button.tiny-button--success:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-disabled,.tiny-button.tiny-button--success.is-disabled:active,.tiny-button.tiny-button--success.is-disabled:focus,.tiny-button.tiny-button--success.is-disabled:hover{color:var(--ti-button-success-disabled-text-color);fill:var(--ti-button-success-disabled-text-color);border-color:var(--ti-button-success-disabled-border-color);background-color:var(--ti-button-success-disabled-bg-color)}.tiny-button.tiny-button--success.is-plain{color:var(--ti-button-success-plain-text-color);fill:var(--ti-button-success-plain-text-color);border-color:var(--ti-button-success-plain-border-color);background-color:var(--ti-button-success-plain-bg-color)}.tiny-button.tiny-button--success.is-plain:hover{color:var(--ti-button-success-plain-hover-text-color);fill:var(--ti-button-success-plain-hover-text-color);border-color:var(--ti-button-success-plain-hover-border-color);background-color:var(--ti-button-success-plain-hover-bg-color)}.tiny-button.tiny-button--success.is-plain.is-active,.tiny-button.tiny-button--success.is-plain:active,.tiny-button.tiny-button--success.is-plain:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-plain.is-disabled,.tiny-button.tiny-button--success.is-plain.is-disabled:active,.tiny-button.tiny-button--success.is-plain.is-disabled:focus,.tiny-button.tiny-button--success.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-success-disabled-bg-color);background-color:var(--ti-button-success-plain-disabled-bg-color)}.tiny-button.tiny-button--warning{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-normal-border-color);background-color:var(--ti-button-warning-normal-bg-color)}.tiny-button.tiny-button--warning:hover{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-hover-border-color);background-color:var(--ti-button-warning-hover-bg-color)}.tiny-button.tiny-button--warning.is-active,.tiny-button.tiny-button--warning:active,.tiny-button.tiny-button--warning:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-disabled,.tiny-button.tiny-button--warning.is-disabled:active,.tiny-button.tiny-button--warning.is-disabled:focus,.tiny-button.tiny-button--warning.is-disabled:hover{color:var(--ti-button-warning-disabled-text-color);fill:var(--ti-button-warning-disabled-text-color);border-color:var(--ti-button-warning-disabled-border-color);background-color:var(--ti-button-warning-disabled-bg-color)}.tiny-button.tiny-button--warning.is-plain{color:var(--ti-button-warning-plain-text-color);fill:var(--ti-button-warning-plain-text-color);border-color:var(--ti-button-warning-plain-border-color);background-color:var(--ti-button-warning-plain-bg-color)}.tiny-button.tiny-button--warning.is-plain:hover{color:var(--ti-button-warning-plain-hover-text-color);fill:var(--ti-button-warning-plain-hover-text-color);border-color:var(--ti-button-warning-plain-hover-border-color);background-color:var(--ti-button-warning-plain-hover-bg-color)}.tiny-button.tiny-button--warning.is-plain.is-active,.tiny-button.tiny-button--warning.is-plain:active,.tiny-button.tiny-button--warning.is-plain:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-plain.is-disabled,.tiny-button.tiny-button--warning.is-plain.is-disabled:active,.tiny-button.tiny-button--warning.is-plain.is-disabled:focus,.tiny-button.tiny-button--warning.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-warning-disabled-bg-color);background-color:var(--ti-button-warning-plain-disabled-bg-color)}.tiny-button.tiny-button--danger{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-normal-border-color);background-color:var(--ti-button-danger-normal-bg-color)}.tiny-button.tiny-button--danger:hover{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-hover-border-color);background-color:var(--ti-button-danger-hover-bg-color)}.tiny-button.tiny-button--danger.is-active,.tiny-button.tiny-button--danger:active,.tiny-button.tiny-button--danger:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-disabled,.tiny-button.tiny-button--danger.is-disabled:active,.tiny-button.tiny-button--danger.is-disabled:focus,.tiny-button.tiny-button--danger.is-disabled:hover{color:var(--ti-button-danger-disabled-text-color);fill:var(--ti-button-danger-disabled-text-color);border-color:var(--ti-button-danger-disabled-border-color);background-color:var(--ti-button-danger-disabled-bg-color)}.tiny-button.tiny-button--danger.is-plain{color:var(--ti-button-danger-plain-text-color);fill:var(--ti-button-danger-plain-text-color);border-color:var(--ti-button-danger-plain-border-color);background-color:var(--ti-button-danger-plain-bg-color)}.tiny-button.tiny-button--danger.is-plain:hover{color:var(--ti-button-danger-plain-hover-text-color);fill:var(--ti-button-danger-plain-hover-text-color);border-color:var(--ti-button-danger-plain-hover-border-color);background-color:var(--ti-button-danger-plain-hover-bg-color)}.tiny-button.tiny-button--danger.is-plain.is-active,.tiny-button.tiny-button--danger.is-plain:active,.tiny-button.tiny-button--danger.is-plain:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-danger-disabled-bg-color);background-color:var(--ti-button-danger-plain-disabled-bg-color)}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{border-color:var(--ti-button-danger-plain-disabled-border-color)}.tiny-button.tiny-button--info{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-normal-border-color);background-color:var(--ti-button-info-normal-bg-color)}.tiny-button.tiny-button--info:hover{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-hover-border-color);background-color:var(--ti-button-info-hover-bg-color)}.tiny-button.tiny-button--info.is-active,.tiny-button.tiny-button--info:active,.tiny-button.tiny-button--info:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-disabled,.tiny-button.tiny-button--info.is-disabled:active,.tiny-button.tiny-button--info.is-disabled:focus,.tiny-button.tiny-button--info.is-disabled:hover{color:var(--ti-button-info-disabled-text-color);fill:var(--ti-button-info-disabled-text-color);border-color:var(--ti-button-info-disabled-border-color);background-color:var(--ti-button-info-disabled-bg-color)}.tiny-button.tiny-button--info.is-plain{color:var(--ti-button-info-plain-text-color);fill:var(--ti-button-info-plain-text-color);border-color:var(--ti-button-info-plain-border-color);background-color:var(--ti-button-info-plain-bg-color)}.tiny-button.tiny-button--info.is-plain:hover{color:var(--ti-button-info-plain-hover-text-color);fill:var(--ti-button-info-plain-hover-text-color);border-color:var(--ti-button-info-plain-hover-border-color);background-color:var(--ti-button-info-plain-hover-bg-color)}.tiny-button.tiny-button--info.is-plain.is-active,.tiny-button.tiny-button--info.is-plain:active,.tiny-button.tiny-button--info.is-plain:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-plain.is-disabled,.tiny-button.tiny-button--info.is-plain.is-disabled:active,.tiny-button.tiny-button--info.is-plain.is-disabled:focus,.tiny-button.tiny-button--info.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-info-disabled-bg-color);background-color:var(--ti-button-info-plain-disabled-bg-color)}.tiny-button.tiny-button--text{color:var(--ti-button-text-color);font-size:var(--ti-common-font-size-1);border-color:transparent;background-color:transparent;border-radius:var(--ti-button-text-hover-border-radius)}.tiny-button.tiny-button--text:hover{color:var(--ti-button-text-color-hover);font-weight:var(--ti-button-text-hover-weight);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-active,.tiny-button.tiny-button--text:active,.tiny-button.tiny-button--text:focus{color:var(--ti-button-text-color-active);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-disabled,.tiny-button.tiny-button--text.is-disabled:active,.tiny-button.tiny-button--text.is-disabled:focus,.tiny-button.tiny-button--text.is-disabled:hover{color:var(--ti-button-text-color-disabled);border-color:transparent;background-color:transparent;font-weight:400}.tiny-button.tiny-button--text:has(.tiny-svg){padding:0 var(--ti-button-text-svg-padding-horizontal)}.tiny-button.tiny-button--text:has(.tiny-svg):hover{background:var(--ti-button-text-hover-bg-color);border-radius:var(--ti-button-text-hover-border-radius)}.tiny-button.tiny-button--text:has(.tiny-svg):hover .tiny-svg{fill:var(--ti-button-text-svg-hover-fill)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled{background:0 0;fill:var(--ti-button-text-svg-fill-disabled)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled .tiny-svg{fill:var(--ti-button-text-svg-fill-disabled)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled:hover{fill:var(--ti-button-text-svg-fill-disabled);background:0 0}.tiny-button.tiny-button--text .tiny-svg{vertical-align:middle;fill:var(--ti-button-text-svg-fill)}.tiny-button.tiny-button--text.tiny-button.tiny-button--large{min-width:var(--ti-button-text-size-large-min-width);height:var(--ti-button-text-size-large-height);line-height:calc(var(--ti-button-text-size-large-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--large svg{width:var(--ti-button-text-size-large-svg-width);height:var(--ti-button-text-size-large-svg-height)}.tiny-button.tiny-button--text.tiny-button.tiny-button--medium{min-width:var(--ti-button-text-size-medium-min-width);height:var(--ti-button-text-size-medium-height);line-height:calc(var(--ti-button-text-size-medium-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--medium svg{width:var(--ti-button-text-size-medium-svg-width);height:var(--ti-button-text-size-medium-svg-height)}.tiny-button.tiny-button--text.tiny-button{min-width:var(--ti-button-text-size-default-min-width);height:var(--ti-button-text-size-default-height);line-height:calc(var(--ti-button-text-size-default-height) - 2px)}.tiny-button.tiny-button--text.tiny-button svg{width:var(--ti-button-text-size-default-svg-width);height:var(--ti-button-text-size-default-svg-height)}.tiny-button.tiny-button--text.tiny-button.tiny-button--small{min-width:var(--ti-button-text-size-small-min-width);height:var(--ti-button-text-size-small-height);line-height:calc(var(--ti-button-text-size-small-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--small svg{width:var(--ti-button-text-size-small-svg-width);height:var(--ti-button-text-size-small-svg-height)}.tiny-button.tiny-button--text.tiny-button.tiny-button--mini{min-width:var(--ti-button-text-size-mini-min-width);height:var(--ti-button-text-size-mini-height);line-height:calc(var(--ti-button-text-size-mini-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--mini svg{width:var(--ti-button-text-size-mini-svg-width);height:var(--ti-button-text-size-mini-svg-height)}.tiny-button.tiny-button--large{height:var(--ti-button-size-large-height);line-height:calc(var(--ti-button-size-large-height) - 2px);font-size:var(--ti-button-size-large-font-size);padding:0 var(--ti-button-size-large-padding-horizontal);min-width:var(--ti-button-size-large-mini-width)}.tiny-button.tiny-button--large.is-round{border-radius:calc(var(--ti-button-size-large-height)/ 2)}.tiny-button.tiny-button--large.is-circle{border-radius:50%}.tiny-button.tiny-button--large+.tiny-button.tiny-button--large{margin-left:var(--ti-button-size-large-margin-left)}.tiny-button.tiny-button--medium{height:var(--ti-button-size-medium-height);line-height:calc(var(--ti-button-size-medium-height) - 2px);font-size:var(--ti-button-size-medium-font-size);padding:0 var(--ti-button-size-medium-padding-horizontal);min-width:var(--ti-button-size-medium-mini-width)}.tiny-button.tiny-button--medium.is-round{border-radius:calc(var(--ti-button-size-medium-height)/ 2)}.tiny-button.tiny-button--medium.is-circle{border-radius:50%}.tiny-button.tiny-button--medium+.tiny-button.tiny-button--medium{margin-left:var(--ti-button-size-medium-margin-left)}.tiny-button.tiny-button--small{height:var(--ti-button-size-small-height);line-height:calc(var(--ti-button-size-small-height) - 2px);font-size:var(--ti-button-size-small-font-size);padding:0 var(--ti-button-size-small-padding-horizontal);min-width:var(--ti-button-size-small-mini-width)}.tiny-button.tiny-button--small.is-round{border-radius:calc(var(--ti-button-size-small-height)/ 2)}.tiny-button.tiny-button--small.is-circle{border-radius:50%}.tiny-button.tiny-button--small+.tiny-button.tiny-button--small{margin-left:var(--ti-button-size-small-margin-left)}.tiny-button.tiny-button--mini{height:var(--ti-button-size-mini-height);line-height:calc(var(--ti-button-size-mini-height) - 2px);font-size:var(--ti-button-size-mini-font-size);padding:0 var(--ti-button-size-mini-padding-horizontal);min-width:var(--ti-button-size-mini-mini-width)}.tiny-button.tiny-button--mini.is-round{border-radius:calc(var(--ti-button-size-mini-height)/ 2)}.tiny-button.tiny-button--mini.is-circle{border-radius:50%}.tiny-icon-loading{font-size:var(--ti-common-font-size-1);line-height:1;-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
|
|
1
|
+
.tiny-button{--ti-button-border-radius:var(--ti-common-border-radius-normal);--ti-button-font-size:var(--ti-common-font-size-base);--ti-button-plain-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-border-width:var(--ti-common-border-weight-normal);--ti-button-border-style:var(--ti-common-border-style-solid);--ti-button-loading-bg-color:rgba(255, 255, 255, 0.35);--ti-button-size-normal-min-width:var(--ti-common-size-width-normal);--ti-button-size-normal-max-width:var(--ti-common-size-width-medium);--ti-button-size-normal-height:var(--ti-common-size-height-normal);--ti-button-size-normal-padding-horizontal:var(--ti-common-size-5x);--ti-button-size-normal-min-width:var(--ti-common-size-20x);--ti-button-size-large-min-width:var(--ti-common-size-width-normal);--ti-button-size-large-height:var(--ti-common-size-height-large);--ti-button-size-large-font-size:var(--ti-common-font-size-2);--ti-button-size-large-padding-horizontal:var(--ti-common-size-8x);--ti-button-size-large-min-width:var(--ti-common-size-24x);--ti-button-size-large-margin-left:8px;--ti-button-size-medium-min-width:var(--ti-common-size-width-normal);--ti-button-size-medium-height:var(--ti-common-size-height-medium);--ti-button-size-medium-font-size:var(--ti-common-font-size-1);--ti-button-size-medium-padding-horizontal:var(--ti-common-size-7x);--ti-button-size-medium-min-width:var(--ti-common-size-22x);--ti-button-size-medium-margin-left:8px;--ti-button-size-small-min-width:var(--ti-common-size-width-normal);--ti-button-size-small-height:var(--ti-common-size-height-small);--ti-button-size-small-font-size:var(--ti-common-font-size-1);--ti-button-size-small-padding-horizontal:var(--ti-common-size-3x);--ti-button-size-small-min-width:var(--ti-common-size-18x);--ti-button-size-small-margin-left:8px;--ti-button-size-mini-min-width:var(--ti-common-size-width-normal);--ti-button-size-mini-height:var(--ti-common-size-height-mini);--ti-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-button-size-mini-padding-horizontal:var(--ti-common-size-2x);--ti-button-size-mini-min-width:var(--ti-common-size-16x);--ti-button-normal-text-color:var(--ti-common-color-text-primary);--ti-button-normal-border-color:var(--ti-common-color-border);--ti-button-normal-background-color:var(--ti-common-color-light);--ti-button-normal-hover-text-color:var(--ti-common-color-primary-normal);--ti-button-normal-hover-border-color:var(--ti-common-color-primary-normal);--ti-button-normal-hover-bg-color:var(--ti-common-color-light);--ti-button-normal-active-text-color:var(--ti-common-color-primary-normal);--ti-button-normal-active-border-color:var(--ti-common-color-primary-normal);--ti-button-normal-active-bg-color:var(--ti-common-color-hover-background);--ti-button-normal-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-normal-disabled-border-color:var(--ti-common-color-line-disabled);--ti-button-normal-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-text-color:var(--ti-common-color-primary-normal);--ti-button-text-color-hover:var(--ti-base-color-brand-5);--ti-button-text-hover-weight:var(--ti-common-font-weight-4);--ti-button-text-color-active:var(--ti-common-color-primary-active);--ti-button-text-color-disabled:var(--ti-common-color-text-disabled);--ti-button-text-svg-width:1em;--ti-button-text-svg-height:1em;--ti-button-text-size-mini-svg-width:1em;--ti-button-text-hover-bg-color:transparent;--ti-button-text-hover-border-radius:0px;--ti-button-text-svg-fill-color:var(--ti-button-text-color);--ti-button-text-svg-hover-fill-color:var(--ti-button-text-color-hover);--ti-button-text-svg-disabled-fill-color:var(--ti-common-color-text-disabled);--ti-button-text-svg-padding-horizontal:var(--ti-common-size-2x);--ti-button-primary-normal-bg-color:var(--ti-common-color-primary-normal);--ti-button-primary-normal-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-primary-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-primary-active-bg-color:var(--ti-common-color-primary-active);--ti-button-primary-disabled-bg-color:var(--ti-common-color-primary-disabled-bgcolor);--ti-button-primary-text-color:var(--ti-common-color-light);--ti-button-primary-disabled-text-color:var(--ti-common-color-primary-disabled-text);--ti-button-primary-disabled-border-color:var(--ti-common-color-primary-disabled-border);--ti-button-primary-plain-text-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-hover-text-color:var(--ti-common-color-light);--ti-button-primary-plain-bg-color:var(--ti-common-color-prompt-bg);--ti-button-primary-plain-hover-bg-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-hover-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-disabled-bg-color:var(--ti-common-color-primary-plain-disabled-bg-color);--ti-button-success-normal-bg-color:var(--ti-common-color-success-normal);--ti-button-success-normal-border-color:var(--ti-common-color-success-normal);--ti-button-success-hover-bg-color:var(--ti-common-color-success-hover);--ti-button-success-active-bg-color:var(--ti-common-color-success-active);--ti-button-success-disabled-bg-color:var(--ti-common-color-success-disabled-bgcolor);--ti-button-success-text-color:var(--ti-common-color-light);--ti-button-success-disabled-text-color:var(--ti-common-color-success-disabled-text);--ti-button-success-disabled-border-color:var(--ti-common-color-success-disabled-border);--ti-button-success-plain-text-color:var(--ti-common-color-success-normal);--ti-button-success-plain-hover-text-color:var(--ti-common-color-light);--ti-button-success-plain-bg-color:var(--ti-common-color-success-bg);--ti-button-success-plain-hover-bg-color:var(--ti-common-color-success-normal);--ti-button-success-plain-border-color:var(--ti-common-color-success-normal);--ti-button-success-plain-hover-border-color:var(--ti-common-color-success-normal);--ti-button-success-plain-disabled-bg-color:var(--ti-common-color-success-plain-disabled-bg-color);--ti-button-warning-normal-bg-color:var(--ti-common-color-warning-normal);--ti-button-warning-normal-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-hover-bg-color:var(--ti-common-color-warning-hover);--ti-button-success-hover-border-color:var(--ti-common-color-success-hover);--ti-button-warning-active-bg-color:var(--ti-common-color-warning-active);--ti-button-warning-disabled-bg-color:var(--ti-common-color-warning-disabled-bgcolor);--ti-button-warning-text-color:var(--ti-common-color-light);--ti-button-warning-disabled-text-color:var(--ti-common-color-warning-disabled-text);--ti-button-warning-disabled-border-color:var(--ti-common-color-warning-disabled-border);--ti-button-warning-plain-text-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-hover-text-color:var(--ti-common-color-light);--ti-button-warning-plain-bg-color:var(--ti-common-color-warn-bg);--ti-button-warning-plain-hover-bg-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-hover-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-disabled-bg-color:var(--ti-common-color-warning-plain-disabled-bg-color);--ti-button-danger-normal-bg-color:var(--ti-common-color-danger-normal);--ti-button-danger-normal-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-hover-bg-color:var(--ti-common-color-danger-hover);--ti-button-danger-hover-border-color:var(--ti-common-color-danger-hover);--ti-button-danger-active-bg-color:var(--ti-common-color-danger-active);--ti-button-danger-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-danger-text-color:var(--ti-common-color-light);--ti-button-danger-disabled-text-color:var(--ti-common-color-danger-disabled-text);--ti-button-danger-disabled-border-color:var(--ti-common-color-danger-disabled-border);--ti-button-danger-plain-text-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-hover-text-color:var(--ti-common-color-light);--ti-button-danger-plain-bg-color:var(--ti-common-color-error-bg);--ti-button-danger-plain-hover-bg-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-hover-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-danger-plain-disabled-border-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-info-normal-bg-color:var(--ti-common-color-info-normal);--ti-button-info-normal-border-color:var(--ti-common-color-info-normal);--ti-button-info-hover-bg-color:var(--ti-common-color-info-hover);--ti-button-info-hover-border-color:var(--ti-common-color-info-hover);--ti-button-info-active-bg-color:var(--ti-common-color-info-active);--ti-button-info-disabled-bg-color:var(--ti-common-color-info-disabled-bgcolor);--ti-button-info-text-color:var(--ti-common-color-light);--ti-button-info-disabled-text-color:var(--ti-common-color-info-disabled-text);--ti-button-info-disabled-border-color:var(--ti-common-color-info-disabled-border);--ti-button-info-plain-text-color:var(--ti-common-color-info-normal);--ti-button-info-plain-hover-text-color:var(--ti-common-color-light);--ti-button-info-plain-bg-color:var(--ti-common-color-info-bg);--ti-button-info-plain-hover-bg-color:var(--ti-common-color-info-normal);--ti-button-info-plain-border-color:var(--ti-common-color-info-normal);--ti-button-info-plain-hover-border-color:var(--ti-common-color-info-normal);--ti-button-info-plain-disabled-bg-color:var(--ti-common-color-info-plain-disabled-bg-color);--ti-button-padding-vertical:var(--ti-common-space-0);--ti-button-size-normal-padding:var(--ti-common-space-2x);--ti-button-text-size-large-min-width:var(--ti-common-size-24x);--ti-button-text-size-large-height:var(--ti-common-size-height-large);--ti-button-text-size-large-svg-width:1em;--ti-button-text-size-large-svg-height:1em;--ti-button-text-padding-horizontal:var(--ti-common-space-0);--ti-button-text-size-medium-min-width:var(--ti-common-size-22x);--ti-button-text-size-medium-height:var(--ti-common-size-height-medium);--ti-button-text-size-medium-svg-width:1em;--ti-button-text-size-medium-svg-height:1em;--ti-button-text-size-default-min-width:var(--ti-common-size-20x);--ti-button-text-size-default-height:var(--ti-common-size-height-normal);--ti-button-text-size-default-svg-width:1em;--ti-button-text-size-default-svg-height:1em;--ti-button-text-size-small-min-width:var(--ti-common-size-18x);--ti-button-text-size-small-height:var(--ti-common-size-height-small);--ti-button-text-size-small-min-width:var(--ti-common-size-16x);--ti-button-text-size-small-height:var(--ti-common-size-height-mini);--ti-button-text-size-small-svg-width:1em;--ti-button-text-size-small-svg-height:1em;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--ti-button-size-normal-height);line-height:calc(var(--ti-button-size-normal-height) - 2px);color:var(--ti-button-normal-text-color);fill:var(--ti-button-normal-text-color);font-size:var(--ti-button-font-size);min-width:var(--ti-button-size-normal-min-width);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-width:var(--ti-button-border-width);border-style:var(--ti-button-border-style);border-color:var(--ti-button-normal-border-color);-o-border-image:initial;border-image:initial;border-radius:var(--ti-button-border-radius);background:var(--ti-button-normal-background-color);padding:var(--ti-button-padding-vertical) var(--ti-button-size-normal-padding-horizontal);overflow:hidden;-webkit-transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;outline:0;vertical-align:middle}.tiny-button .tiny-svg{vertical-align:text-top}.tiny-button>img{margin-right:4px;vertical-align:middle}.tiny-button::-moz-focus-inner{border:0}.tiny-button:focus,.tiny-button:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-bg-color)}.tiny-button.is-active,.tiny-button.is-plain:active,.tiny-button:active{color:var(--ti-button-normal-active-text-color);fill:var(--ti-button-normal-active-text-color);border-color:var(--ti-button-normal-active-border-color);background-color:var(--ti-button-normal-active-bg-color)}.tiny-button.is-disabled,.tiny-button.is-disabled:focus,.tiny-button.is-disabled:hover{cursor:not-allowed;color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-bg-color)}.tiny-button.is-plain:focus,.tiny-button.is-plain:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-bg-color)}.tiny-button.is-disabled.is-plain,.tiny-button.is-disabled.is-plain:focus,.tiny-button.is-disabled.is-plain:hover{color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-bg-color)}.tiny-button+.tiny-button{margin-left:8px}.tiny-button.is-loading{position:relative;pointer-events:none;overflow:initial}.tiny-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:var(--ti-button-loading-bg-color)}.tiny-button.is-loading .tiny-svg{fill:var(--ti-button-info-text-color)}.tiny-button.is-loading.tiny-button--default .tiny-svg{fill:var(--ti-button-normal-text-color)}.tiny-button.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button.is-icon{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}.tiny-button:not(.is-circle) .tiny-svg.is-text{margin-right:8px}.tiny-button:not(.is-circle).is-loading .tiny-svg{margin-right:4px;margin-top:1px}.tiny-button.is-circle{border-radius:50%;min-width:var(--ti-button-size-normal-height);min-height:var(--ti-button-size-normal-height);line-height:1;padding:var(--ti-button-size-normal-padding)}.tiny-button.is-circle.is-hide-boder{border:none}.tiny-button.is-circle.tiny-button--large{min-width:var(--ti-button-size-large-height);min-height:var(--ti-button-size-large-height);height:auto;line-height:1;padding:var(--ti-button-size-large-padding)}.tiny-button.is-circle.tiny-button--medium{min-width:var(--ti-button-size-medium-height);min-height:var(--ti-button-size-medium-height);height:auto;line-height:1;padding:var(--ti-button-size-medium-padding)}.tiny-button.is-circle.tiny-button--small{min-width:var(--ti-button-size-small-height);min-height:var(--ti-button-size-small-height);height:auto;line-height:1;padding:var(--ti-button-size-small-padding)}.tiny-button.is-circle.tiny-button--mini{min-width:var(--ti-button-size-mini-height);min-height:var(--ti-button-size-mini-height);height:auto;line-height:1;padding:var(--ti-button-size-mini-padding)}.tiny-button.tiny-button--primary{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-normal-border-color);background-color:var(--ti-button-primary-normal-bg-color)}.tiny-button.tiny-button--primary:hover{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-hover-border-color);background-color:var(--ti-button-primary-hover-bg-color)}.tiny-button.tiny-button--primary.is-active,.tiny-button.tiny-button--primary:active,.tiny-button.tiny-button--primary:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-disabled,.tiny-button.tiny-button--primary.is-disabled:active,.tiny-button.tiny-button--primary.is-disabled:focus,.tiny-button.tiny-button--primary.is-disabled:hover{color:var(--ti-button-primary-disabled-text-color);fill:var(--ti-button-primary-disabled-text-color);border-color:var(--ti-button-primary-disabled-border-color);background-color:var(--ti-button-primary-disabled-bg-color)}.tiny-button.tiny-button--primary.is-plain{color:var(--ti-button-primary-plain-text-color);fill:var(--ti-button-primary-plain-text-color);border-color:var(--ti-button-primary-plain-border-color);background-color:var(--ti-button-primary-plain-bg-color)}.tiny-button.tiny-button--primary.is-plain:hover{color:var(--ti-button-primary-plain-hover-text-color);fill:var(--ti-button-primary-plain-hover-text-color);border-color:var(--ti-button-primary-plain-hover-border-color);background-color:var(--ti-button-primary-plain-hover-bg-color)}.tiny-button.tiny-button--primary.is-plain.is-active,.tiny-button.tiny-button--primary.is-plain:active,.tiny-button.tiny-button--primary.is-plain:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-plain.is-disabled,.tiny-button.tiny-button--primary.is-plain.is-disabled:active,.tiny-button.tiny-button--primary.is-plain.is-disabled:focus,.tiny-button.tiny-button--primary.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-primary-disabled-bg-color);background-color:var(--ti-button-primary-plain-disabled-bg-color)}.tiny-button.tiny-button--success{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-normal-border-color);background-color:var(--ti-button-success-normal-bg-color)}.tiny-button.tiny-button--success:hover{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-hover-border-color);background-color:var(--ti-button-success-hover-bg-color)}.tiny-button.tiny-button--success.is-active,.tiny-button.tiny-button--success:active,.tiny-button.tiny-button--success:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-disabled,.tiny-button.tiny-button--success.is-disabled:active,.tiny-button.tiny-button--success.is-disabled:focus,.tiny-button.tiny-button--success.is-disabled:hover{color:var(--ti-button-success-disabled-text-color);fill:var(--ti-button-success-disabled-text-color);border-color:var(--ti-button-success-disabled-border-color);background-color:var(--ti-button-success-disabled-bg-color)}.tiny-button.tiny-button--success.is-plain{color:var(--ti-button-success-plain-text-color);fill:var(--ti-button-success-plain-text-color);border-color:var(--ti-button-success-plain-border-color);background-color:var(--ti-button-success-plain-bg-color)}.tiny-button.tiny-button--success.is-plain:hover{color:var(--ti-button-success-plain-hover-text-color);fill:var(--ti-button-success-plain-hover-text-color);border-color:var(--ti-button-success-plain-hover-border-color);background-color:var(--ti-button-success-plain-hover-bg-color)}.tiny-button.tiny-button--success.is-plain.is-active,.tiny-button.tiny-button--success.is-plain:active,.tiny-button.tiny-button--success.is-plain:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-plain.is-disabled,.tiny-button.tiny-button--success.is-plain.is-disabled:active,.tiny-button.tiny-button--success.is-plain.is-disabled:focus,.tiny-button.tiny-button--success.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-success-disabled-bg-color);background-color:var(--ti-button-success-plain-disabled-bg-color)}.tiny-button.tiny-button--warning{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-normal-border-color);background-color:var(--ti-button-warning-normal-bg-color)}.tiny-button.tiny-button--warning:hover{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-hover-border-color);background-color:var(--ti-button-warning-hover-bg-color)}.tiny-button.tiny-button--warning.is-active,.tiny-button.tiny-button--warning:active,.tiny-button.tiny-button--warning:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-disabled,.tiny-button.tiny-button--warning.is-disabled:active,.tiny-button.tiny-button--warning.is-disabled:focus,.tiny-button.tiny-button--warning.is-disabled:hover{color:var(--ti-button-warning-disabled-text-color);fill:var(--ti-button-warning-disabled-text-color);border-color:var(--ti-button-warning-disabled-border-color);background-color:var(--ti-button-warning-disabled-bg-color)}.tiny-button.tiny-button--warning.is-plain{color:var(--ti-button-warning-plain-text-color);fill:var(--ti-button-warning-plain-text-color);border-color:var(--ti-button-warning-plain-border-color);background-color:var(--ti-button-warning-plain-bg-color)}.tiny-button.tiny-button--warning.is-plain:hover{color:var(--ti-button-warning-plain-hover-text-color);fill:var(--ti-button-warning-plain-hover-text-color);border-color:var(--ti-button-warning-plain-hover-border-color);background-color:var(--ti-button-warning-plain-hover-bg-color)}.tiny-button.tiny-button--warning.is-plain.is-active,.tiny-button.tiny-button--warning.is-plain:active,.tiny-button.tiny-button--warning.is-plain:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-plain.is-disabled,.tiny-button.tiny-button--warning.is-plain.is-disabled:active,.tiny-button.tiny-button--warning.is-plain.is-disabled:focus,.tiny-button.tiny-button--warning.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-warning-disabled-bg-color);background-color:var(--ti-button-warning-plain-disabled-bg-color)}.tiny-button.tiny-button--danger{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-normal-border-color);background-color:var(--ti-button-danger-normal-bg-color)}.tiny-button.tiny-button--danger:hover{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-hover-border-color);background-color:var(--ti-button-danger-hover-bg-color)}.tiny-button.tiny-button--danger.is-active,.tiny-button.tiny-button--danger:active,.tiny-button.tiny-button--danger:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-disabled,.tiny-button.tiny-button--danger.is-disabled:active,.tiny-button.tiny-button--danger.is-disabled:focus,.tiny-button.tiny-button--danger.is-disabled:hover{color:var(--ti-button-danger-disabled-text-color);fill:var(--ti-button-danger-disabled-text-color);border-color:var(--ti-button-danger-disabled-border-color);background-color:var(--ti-button-danger-disabled-bg-color)}.tiny-button.tiny-button--danger.is-plain{color:var(--ti-button-danger-plain-text-color);fill:var(--ti-button-danger-plain-text-color);border-color:var(--ti-button-danger-plain-border-color);background-color:var(--ti-button-danger-plain-bg-color)}.tiny-button.tiny-button--danger.is-plain:hover{color:var(--ti-button-danger-plain-hover-text-color);fill:var(--ti-button-danger-plain-hover-text-color);border-color:var(--ti-button-danger-plain-hover-border-color);background-color:var(--ti-button-danger-plain-hover-bg-color)}.tiny-button.tiny-button--danger.is-plain.is-active,.tiny-button.tiny-button--danger.is-plain:active,.tiny-button.tiny-button--danger.is-plain:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-danger-disabled-bg-color);background-color:var(--ti-button-danger-plain-disabled-bg-color)}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{border-color:var(--ti-button-danger-plain-disabled-border-color)}.tiny-button.tiny-button--info{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-normal-border-color);background-color:var(--ti-button-info-normal-bg-color)}.tiny-button.tiny-button--info:hover{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-hover-border-color);background-color:var(--ti-button-info-hover-bg-color)}.tiny-button.tiny-button--info.is-active,.tiny-button.tiny-button--info:active,.tiny-button.tiny-button--info:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-disabled,.tiny-button.tiny-button--info.is-disabled:active,.tiny-button.tiny-button--info.is-disabled:focus,.tiny-button.tiny-button--info.is-disabled:hover{color:var(--ti-button-info-disabled-text-color);fill:var(--ti-button-info-disabled-text-color);border-color:var(--ti-button-info-disabled-border-color);background-color:var(--ti-button-info-disabled-bg-color)}.tiny-button.tiny-button--info.is-plain{color:var(--ti-button-info-plain-text-color);fill:var(--ti-button-info-plain-text-color);border-color:var(--ti-button-info-plain-border-color);background-color:var(--ti-button-info-plain-bg-color)}.tiny-button.tiny-button--info.is-plain:hover{color:var(--ti-button-info-plain-hover-text-color);fill:var(--ti-button-info-plain-hover-text-color);border-color:var(--ti-button-info-plain-hover-border-color);background-color:var(--ti-button-info-plain-hover-bg-color)}.tiny-button.tiny-button--info.is-plain.is-active,.tiny-button.tiny-button--info.is-plain:active,.tiny-button.tiny-button--info.is-plain:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-plain.is-disabled,.tiny-button.tiny-button--info.is-plain.is-disabled:active,.tiny-button.tiny-button--info.is-plain.is-disabled:focus,.tiny-button.tiny-button--info.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-info-disabled-bg-color);background-color:var(--ti-button-info-plain-disabled-bg-color)}.tiny-button.tiny-button--text{color:var(--ti-button-text-color);font-size:var(--ti-common-font-size-1);border-color:transparent;background-color:transparent;border-radius:var(--ti-button-text-hover-border-radius);padding:0 var(--ti-button-text-padding-horizontal)}.tiny-button.tiny-button--text:hover{color:var(--ti-button-text-color-hover);font-weight:var(--ti-button-text-hover-weight);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-active,.tiny-button.tiny-button--text:active,.tiny-button.tiny-button--text:focus{color:var(--ti-button-text-color-active);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-disabled,.tiny-button.tiny-button--text.is-disabled:active,.tiny-button.tiny-button--text.is-disabled:focus,.tiny-button.tiny-button--text.is-disabled:hover{color:var(--ti-button-text-color-disabled);border-color:transparent;background-color:transparent;font-weight:400}.tiny-button.tiny-button--text:has(.tiny-svg){padding:0 var(--ti-button-text-svg-padding-horizontal)}.tiny-button.tiny-button--text:has(.tiny-svg):hover{background:var(--ti-button-text-hover-bg-color);border-radius:var(--ti-button-text-hover-border-radius)}.tiny-button.tiny-button--text:has(.tiny-svg):hover .tiny-svg{fill:var(--ti-button-text-svg-hover-fill-color)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled{background:0 0;fill:var(--ti-button-text-svg-disabled-fill-color)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled .tiny-svg{fill:var(--ti-button-text-svg-disabled-fill-color)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled:hover{fill:var(--ti-button-text-svg-disabled-fill-color);background:0 0}.tiny-button.tiny-button--text .tiny-svg{vertical-align:middle;fill:var(--ti-button-text-svg-fill-color)}.tiny-button.tiny-button--text.tiny-button.tiny-button--large{min-width:var(--ti-button-text-size-large-min-width);height:var(--ti-button-text-size-large-height);line-height:calc(var(--ti-button-text-size-large-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--large svg{width:var(--ti-button-text-size-large-svg-width);height:var(--ti-button-text-size-large-svg-height)}.tiny-button.tiny-button--text.tiny-button.tiny-button--medium{min-width:var(--ti-button-text-size-medium-min-width);height:var(--ti-button-text-size-medium-height);line-height:calc(var(--ti-button-text-size-medium-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--medium svg{width:var(--ti-button-text-size-medium-svg-width);height:var(--ti-button-text-size-medium-svg-height)}.tiny-button.tiny-button--text.tiny-button{min-width:var(--ti-button-text-size-default-min-width);height:var(--ti-button-text-size-default-height);line-height:calc(var(--ti-button-text-size-default-height) - 2px)}.tiny-button.tiny-button--text.tiny-button svg{width:var(--ti-button-text-size-default-svg-width);height:var(--ti-button-text-size-default-svg-height)}.tiny-button.tiny-button--text.tiny-button.tiny-button--small{min-width:var(--ti-button-text-size-small-min-width);height:var(--ti-button-text-size-small-height);line-height:calc(var(--ti-button-text-size-small-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--small svg{width:var(--ti-button-text-size-small-svg-width);height:var(--ti-button-text-size-small-svg-height)}.tiny-button.tiny-button--text.tiny-button.tiny-button--mini{min-width:var(--ti-button-text-size-mini-min-width);height:var(--ti-button-text-size-mini-height);line-height:calc(var(--ti-button-text-size-mini-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--mini svg{width:var(--ti-button-text-size-mini-svg-width);height:var(--ti-button-text-size-mini-svg-height)}.tiny-button.tiny-button--large{height:var(--ti-button-size-large-height);line-height:calc(var(--ti-button-size-large-height) - 2px);font-size:var(--ti-button-size-large-font-size);padding:0 var(--ti-button-size-large-padding-horizontal);min-width:var(--ti-button-size-large-min-width)}.tiny-button.tiny-button--large.is-round{border-radius:calc(var(--ti-button-size-large-height)/ 2)}.tiny-button.tiny-button--large.is-circle{border-radius:50%}.tiny-button.tiny-button--large+.tiny-button.tiny-button--large{margin-left:var(--ti-button-size-large-margin-left)}.tiny-button.tiny-button--medium{height:var(--ti-button-size-medium-height);line-height:calc(var(--ti-button-size-medium-height) - 2px);font-size:var(--ti-button-size-medium-font-size);padding:0 var(--ti-button-size-medium-padding-horizontal);min-width:var(--ti-button-size-medium-min-width)}.tiny-button.tiny-button--medium.is-round{border-radius:calc(var(--ti-button-size-medium-height)/ 2)}.tiny-button.tiny-button--medium.is-circle{border-radius:50%}.tiny-button.tiny-button--medium+.tiny-button.tiny-button--medium{margin-left:var(--ti-button-size-medium-margin-left)}.tiny-button.tiny-button--small{height:var(--ti-button-size-small-height);line-height:calc(var(--ti-button-size-small-height) - 2px);font-size:var(--ti-button-size-small-font-size);padding:0 var(--ti-button-size-small-padding-horizontal);min-width:var(--ti-button-size-small-min-width)}.tiny-button.tiny-button--small.is-round{border-radius:calc(var(--ti-button-size-small-height)/ 2)}.tiny-button.tiny-button--small.is-circle{border-radius:50%}.tiny-button.tiny-button--small+.tiny-button.tiny-button--small{margin-left:var(--ti-button-size-small-margin-left)}.tiny-button.tiny-button--mini{height:var(--ti-button-size-mini-height);line-height:calc(var(--ti-button-size-mini-height) - 2px);font-size:var(--ti-button-size-mini-font-size);padding:0 var(--ti-button-size-mini-padding-horizontal);min-width:var(--ti-button-size-mini-min-width)}.tiny-button.tiny-button--mini.is-round{border-radius:calc(var(--ti-button-size-mini-height)/ 2)}.tiny-button.tiny-button--mini.is-circle{border-radius:50%}.tiny-icon-loading{font-size:var(--ti-common-font-size-1);line-height:1;-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
|
package/button/smb-theme.js
CHANGED
|
@@ -17,24 +17,24 @@ export const tinyButtonSmbTheme = {
|
|
|
17
17
|
'ti-button-size-normal-padding-horizontal': 'var(--ti-common-size-6x)',
|
|
18
18
|
'ti-button-size-small-padding-horizontal': 'var(--ti-common-size-4x)',
|
|
19
19
|
'ti-button-danger-plain-bg-color': 'transparent',
|
|
20
|
-
'ti-button-size-large-
|
|
21
|
-
'ti-button-size-medium-
|
|
22
|
-
'ti-button-size-normal-
|
|
23
|
-
'ti-button-size-small-
|
|
20
|
+
'ti-button-size-large-min-width': 'var(--ti-common-size-31x)',
|
|
21
|
+
'ti-button-size-medium-min-width': 'var(--ti-common-size-28x)',
|
|
22
|
+
'ti-button-size-normal-min-width': 'var(--ti-common-size-24x)',
|
|
23
|
+
'ti-button-size-small-min-width': 'var(--ti-common-size-18x)',
|
|
24
24
|
'ti-button-danger-plain-hover-bg-color': 'transparent',
|
|
25
25
|
'ti-button-danger-plain-hover-text-color': '#F76360',
|
|
26
26
|
'ti-button-danger-plain-hover-border-color': '#F76360',
|
|
27
27
|
'ti-button-danger-plain-disabled-border-color': 'transparent',
|
|
28
28
|
'ti-button-normal-hover-border-color': '#C2C2C2',
|
|
29
29
|
'ti-button-size-large-font-size': 'var(--ti-common-font-size-base)',
|
|
30
|
-
'ti-button-size-mini-
|
|
30
|
+
'ti-button-size-mini-min-width': '24px',
|
|
31
31
|
'ti-button-text-svg-width': '16px',
|
|
32
32
|
'ti-button-text-svg-height': '16px',
|
|
33
33
|
'ti-button-text-hover-bg-color': '#0000000D',
|
|
34
34
|
'ti-button-text-hover-border-radius': '4px',
|
|
35
|
-
'ti-button-text-svg-fill': '#191919',
|
|
36
|
-
'ti-button-text-svg-hover-fill': '#595959',
|
|
37
|
-
'ti-button-text-svg-fill-
|
|
35
|
+
'ti-button-text-svg-fill-color': '#191919',
|
|
36
|
+
'ti-button-text-svg-hover-fill-color': '#595959',
|
|
37
|
+
'ti-button-text-svg-disabled-fill-color': '#C2C2C2',
|
|
38
38
|
'ti-button-text-svg-padding-horizontal': '0px',
|
|
39
39
|
'ti-button-size-small-font-size': '12px',
|
|
40
40
|
'ti-button-loading-bg-color': 'rgba(255, 255, 255, 0.5)',
|
|
@@ -61,5 +61,5 @@ export const tinyButtonSmbTheme = {
|
|
|
61
61
|
'ti-button-text-size-mini-min-width': '24px',
|
|
62
62
|
'ti-button-text-size-mini-height': '24px',
|
|
63
63
|
'ti-button-text-size-mini-svg-width': '16px',
|
|
64
|
-
'ti-button-text-size-mini-svg-height': '16px'
|
|
64
|
+
'ti-button-text-size-mini-svg-height': '16px'
|
|
65
65
|
}
|
|
@@ -9,5 +9,5 @@ export const tinyButtonGroupAuroraTheme = {
|
|
|
9
9
|
'ti-button-group-item-active-disabled-bg-color': 'var(--ti-common-color-bg-disabled)',
|
|
10
10
|
'ti-button-group-item-btn-hover-bg-color': 'var(--ti-common-color-primary-hover)',
|
|
11
11
|
'ti-button-group-item-btn-hover-text-color': 'var(--ti-common-color-light)',
|
|
12
|
-
'ti-button-group-no-border-hover-bg-color': 'var(--ti-common-color-primary-hover)'
|
|
12
|
+
'ti-button-group-no-border-hover-bg-color': 'var(--ti-common-color-primary-hover)'
|
|
13
13
|
}
|
package/button-group/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-button-group{--ti-button-group-border-color:var(--ti-common-color-line-normal);--ti-button-group-border-weight:0;--ti-button-group-border-radius:var(--ti-common-border-radius-normal);--ti-button-group-right-border-radius:0px;--ti-button-group-middle-border-radius:0px;--ti-button-group-left-border-radius:0px;--ti-button-group-hover-border-color:var(--ti-common-color-line-active);--ti-button-group-info-border-color:var(--ti-common-color-light);--ti-button-group-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-group-item-bg-color:#E9EDFA;--ti-button-group-item-btn-text-color:var(--ti-common-color-text-primary);--ti-button-group-item-btn-width:var(--ti-common-size-width-normal);--ti-button-group-item-btn-height:var(--ti-common-size-height-normal);--ti-button-group-item-btn-font-size:var(--ti-common-font-size-base);--ti-button-group-item-btn-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-group-item-btn-disabled-border-color:var(--ti-common-color-border);--ti-button-group-item-btn-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-group-item-btn-hover-bg-color:#BECCFA;--ti-button-group-item-btn-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-group-item-btn-hover-text-color:var(--ti-button-group-item-btn-text-color);--ti-button-group-item-btn-plain-text-color:var(--ti-common-color-text-link-hover);--ti-button-group-item-btn-plain-bg-color:var(--ti-common-color-prompt-bg);--ti-button-group-item-btn-plain-border-color:var(--ti-common-color-bg-emphasize);--ti-button-group-item-active-bg-color:var(--ti-common-color-bg-emphasize);--ti-button-group-plain-active-text-color:var(--ti-common-color-bg-emphasize);--ti-button-group-item-active-disabled-bg-color:#DFE1E6;--ti-button-group-item-active-text-color:var(--ti-common-color-light);--ti-button-group-item-li-margin-right:2px;--ti-button-group-item-li-margin-bottom:var(--ti-common-space-base);--ti-button-group-item-active-border-color:var(--ti-common-color-bg-emphasize);--ti-button-group-active-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-group-btn-padding-horizontal:30px;--ti-button-group-item-active-font-size:14px;--ti-button-group-margin-top:var(--ti-common-space-0);--ti-button-group-item-margin-top:0;--ti-button-group-mini-margin-right:2px;--ti-button-group-mini-font-size:12px;--ti-button-group-no-border-hover-bg-color:#BECCFA;--ti-button-group-no-border-active-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-group-no-border-disabled-bg-color:#FFFFFF;--ti-button-group-mini-padding-horizontal:var(--ti-common-space-3x);--ti-button-group-mini-border-radius:0px;--ti-button-group-no-border-hover-border-color:transparent;--ti-button-group-no-border-border-color:transparent;--ti-button-group-item-sup-height:var(--ti-common-size-4x);--ti-button-group-item-sup-font-color:var(--ti-common-color-text-white);--ti-button-group-item-sup-font-size:var(--ti-common-font-size-base);display:inline-block;vertical-align:middle;margin-top:var(--ti-button-group-margin-top)}.tiny-button-group:after,.tiny-button-group:before{content:'';display:table}.tiny-button-group:after{clear:both}.tiny-button-group .tiny-group-item{display:inline-block;vertical-align:middle}.tiny-button-group .tiny-group-item li{line-height:28px;float:left;position:relative;margin-top:var(--ti-button-group-item-margin-top)}.tiny-button-group .tiny-group-item li button{border:var(--ti-button-group-border-weight) solid var(--ti-button-group-border-color);display:block;text-align:center;color:var(--ti-button-group-item-btn-text-color);background:var(--ti-button-group-item-bg-color);min-width:var(--ti-button-group-item-btn-width);height:var(--ti-button-group-item-btn-height);padding:0 var(--ti-button-group-btn-padding-horizontal);text-decoration:none;font-size:var(--ti-button-group-item-btn-font-size);outline:0;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;border-radius:var(--ti-button-group-middle-border-radius)}.tiny-button-group .tiny-group-item li button.disabled,.tiny-button-group .tiny-group-item li button[disabled]{background:var(--ti-button-group-item-btn-disabled-bg-color);border-color:var(--ti-button-group-item-btn-disabled-border-color);cursor:not-allowed;color:var(--ti-button-group-item-btn-disabled-text-color)}.tiny-button-group .tiny-group-item li button.plain,.tiny-button-group .tiny-group-item li button[plain]{background:0 0}.tiny-button-group .tiny-group-item li:hover{z-index:1}.tiny-button-group .tiny-group-item li:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);color:var(--ti-button-group-item-btn-hover-text-color);border-color:var(--ti-button-group-item-btn-hover-border-color);outline:0}.tiny-button-group .tiny-group-item li:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li:hover button:not(.disabled)[plain]{color:var(--ti-button-group-item-btn-plain-text-color);background-color:var(--ti-button-group-item-btn-plain-bg-color);border-color:var(--ti-button-group-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li.active{z-index:1}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);border-color:var(--ti-button-group-active-hover-border-color)}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled)[plain]{background-color:var(--ti-button-group-item-btn-plain-bg-color)}.tiny-button-group .tiny-group-item li.active button.disabled{background:var(--ti-button-group-item-active-disabled-bg-color)}.tiny-button-group .tiny-group-item li.active button:not(.disabled){background:var(--ti-button-group-item-active-bg-color);color:var(--ti-button-group-item-active-text-color);border-color:var(--ti-button-group-item-active-border-color);outline:0}.tiny-button-group .tiny-group-item li.active button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active button:not(.disabled)[plain]{color:var(--ti-button-group-plain-active-text-color);background:0 0}.tiny-button-group .tiny-group-item li:first-child button{border-radius:var(--ti-button-group-border-radius) var(--ti-button-group-right-border-radius) var(--ti-button-group-right-border-radius) var(--ti-button-group-border-radius)}.tiny-button-group .tiny-group-item li:last-child button{border-radius:var(--ti-button-group-left-border-radius) var(--ti-button-group-border-radius) var(--ti-button-group-border-radius) var(--ti-button-group-left-border-radius)}.tiny-button-group .tiny-group-item li:not(:last-child){margin-right:var(--ti-button-group-item-li-margin-right);margin-bottom:var(--ti-button-group-item-li-margin-bottom)}.tiny-button-group .tiny-group-item__sup{position:absolute;min-width:var(--ti-button-group-item-sup-height);height:var(--ti-button-group-item-sup-height);top:calc(-1 * var(--ti-button-group-item-sup-height)/ 2);color:var(--ti-button-group-item-sup-font-color);right:0;font-size:var(--ti-common-font-size-base);line-height:var(--ti-button-group-item-sup-height);text-align:center;background-color:#fa9841}.tiny-button-group .tiny-group-item__sup .tiny-svg{vertical-align:unset}.tiny-button-group .tiny-group-item__sup-icon{background-color:#fa9841;border-radius:2px;fill:#fff}.tiny-button-group .tiny-group-item__sup-text{background-color:#fa9841;padding:0 4px;border-top-left-radius:4px;border-bottom-right-radius:4px}.tiny-button-group>.tiny-button{float:left;position:relative}.tiny-button-group>.tiny-button+.tiny-button{margin-left:0}.tiny-button-group>.tiny-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default{border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default:active,.tiny-button-group>.tiny-button:first-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:first-child.tiny-button--default:hover{border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default{border-left-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default:active,.tiny-button-group>.tiny-button:last-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:last-child.tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:first-child:last-child{border-radius:var(--ti-button-group-border-radius)}.tiny-button-group>.tiny-button:first-child:last-child.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button-group>.tiny-button:first-child:last-child.is-circle{border-radius:50%}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child){border-radius:0;border-left-color:var(--ti-button-group-info-border-color);border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default{border-left-color:var(--ti-button-group-border-color);border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:active,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:focus,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:not(:last-child){margin-right:-1px}.tiny-button-group>.tiny-button>.tiny-dropdown>.tiny-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}.tiny-button-group.tiny-button-group--mini li:not(:last-child){margin-right:var(--ti-button-group-mini-margin-right)}.tiny-button-group.tiny-button-group--mini li button{font-size:var(--ti-button-group-mini-font-size);padding:0 var(--ti-button-group-mini-padding-horizontal);border-radius:var(--ti-button-group-mini-border-radius)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li button{border:1px solid transparent;background:0 0}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li:hover button:not(.disabled){background-color:var(--ti-button-group-no-border-hover-bg-color);border-color:var(--ti-button-group-no-border-hover-border-color)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li.active:hover button:not(.disabled){background-color:var(--ti-button-group-no-border-active-hover-bg-color);border-color:var(--ti-button-group-no-border-border-color)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li button.disabled{background-color:var(--ti-button-group-no-border-disabled-bg-color)}
|
|
1
|
+
.tiny-button-group{--ti-button-group-border-color:var(--ti-common-color-line-normal);--ti-button-group-border-weight:0;--ti-button-group-border-radius:var(--ti-common-border-radius-normal);--ti-button-group-right-border-radius:0px;--ti-button-group-middle-border-radius:0px;--ti-button-group-left-border-radius:0px;--ti-button-group-hover-border-color:var(--ti-common-color-line-active);--ti-button-group-info-border-color:var(--ti-common-color-light);--ti-button-group-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-group-item-bg-color:#e9edfa;--ti-button-group-item-btn-text-color:var(--ti-common-color-text-primary);--ti-button-group-item-btn-width:var(--ti-common-size-width-normal);--ti-button-group-item-btn-height:var(--ti-common-size-height-normal);--ti-button-group-item-btn-font-size:var(--ti-common-font-size-base);--ti-button-group-item-btn-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-group-item-btn-disabled-border-color:var(--ti-common-color-border);--ti-button-group-item-btn-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-group-item-btn-hover-bg-color:#beccfa;--ti-button-group-item-btn-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-group-item-btn-hover-text-color:var(--ti-button-group-item-btn-text-color);--ti-button-group-item-btn-plain-text-color:var(--ti-common-color-text-link-hover);--ti-button-group-item-btn-plain-bg-color:var(--ti-common-color-prompt-bg);--ti-button-group-item-btn-plain-border-color:var(--ti-common-color-bg-emphasize);--ti-button-group-item-active-bg-color:var(--ti-common-color-bg-emphasize);--ti-button-group-plain-active-text-color:var(--ti-common-color-bg-emphasize);--ti-button-group-item-active-disabled-bg-color:#dfe1e6;--ti-button-group-item-active-text-color:var(--ti-common-color-light);--ti-button-group-item-li-margin-right:2px;--ti-button-group-item-li-margin-bottom:var(--ti-common-space-base);--ti-button-group-item-active-border-color:var(--ti-common-color-bg-emphasize);--ti-button-group-active-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-group-btn-padding-horizontal:30px;--ti-button-group-item-active-font-size:14px;--ti-button-group-margin-top:var(--ti-common-space-0);--ti-button-group-item-margin-top:0;--ti-button-group-mini-margin-right:2px;--ti-button-group-mini-font-size:12px;--ti-button-group-no-border-hover-bg-color:#beccfa;--ti-button-group-no-border-active-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-group-no-border-disabled-bg-color:#ffffff;--ti-button-group-mini-padding-horizontal:var(--ti-common-space-3x);--ti-button-group-mini-border-radius:0px;--ti-button-group-no-border-hover-border-color:transparent;--ti-button-group-no-border-border-color:transparent;--ti-button-group-item-sup-height:var(--ti-common-size-4x);--ti-button-group-item-sup-font-color:var(--ti-common-color-text-white);--ti-button-group-item-sup-font-size:var(--ti-common-font-size-base);display:inline-block;vertical-align:middle;margin-top:var(--ti-button-group-margin-top)}.tiny-button-group:after,.tiny-button-group:before{content:'';display:table}.tiny-button-group:after{clear:both}.tiny-button-group .tiny-group-item{display:inline-block;vertical-align:middle}.tiny-button-group .tiny-group-item li{line-height:28px;float:left;position:relative;margin-top:var(--ti-button-group-item-margin-top)}.tiny-button-group .tiny-group-item li button{border:var(--ti-button-group-border-weight) solid var(--ti-button-group-border-color);display:block;text-align:center;color:var(--ti-button-group-item-btn-text-color);background:var(--ti-button-group-item-bg-color);min-width:var(--ti-button-group-item-btn-width);height:var(--ti-button-group-item-btn-height);padding:0 var(--ti-button-group-btn-padding-horizontal);text-decoration:none;font-size:var(--ti-button-group-item-btn-font-size);outline:0;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;border-radius:var(--ti-button-group-middle-border-radius)}.tiny-button-group .tiny-group-item li button.disabled,.tiny-button-group .tiny-group-item li button[disabled]{background:var(--ti-button-group-item-btn-disabled-bg-color);border-color:var(--ti-button-group-item-btn-disabled-border-color);cursor:not-allowed;color:var(--ti-button-group-item-btn-disabled-text-color)}.tiny-button-group .tiny-group-item li button.plain,.tiny-button-group .tiny-group-item li button[plain]{background:0 0}.tiny-button-group .tiny-group-item li:hover{z-index:1}.tiny-button-group .tiny-group-item li:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);color:var(--ti-button-group-item-btn-hover-text-color);border-color:var(--ti-button-group-item-btn-hover-border-color);outline:0}.tiny-button-group .tiny-group-item li:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li:hover button:not(.disabled)[plain]{color:var(--ti-button-group-item-btn-plain-text-color);background-color:var(--ti-button-group-item-btn-plain-bg-color);border-color:var(--ti-button-group-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li.active{z-index:1}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);border-color:var(--ti-button-group-active-hover-border-color)}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled)[plain]{background-color:var(--ti-button-group-item-btn-plain-bg-color)}.tiny-button-group .tiny-group-item li.active button.disabled{background:var(--ti-button-group-item-active-disabled-bg-color)}.tiny-button-group .tiny-group-item li.active button:not(.disabled){background:var(--ti-button-group-item-active-bg-color);color:var(--ti-button-group-item-active-text-color);border-color:var(--ti-button-group-item-active-border-color);outline:0}.tiny-button-group .tiny-group-item li.active button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active button:not(.disabled)[plain]{color:var(--ti-button-group-plain-active-text-color);background:0 0}.tiny-button-group .tiny-group-item li:first-child button{border-radius:var(--ti-button-group-border-radius) var(--ti-button-group-right-border-radius) var(--ti-button-group-right-border-radius) var(--ti-button-group-border-radius)}.tiny-button-group .tiny-group-item li:last-child button{border-radius:var(--ti-button-group-left-border-radius) var(--ti-button-group-border-radius) var(--ti-button-group-border-radius) var(--ti-button-group-left-border-radius)}.tiny-button-group .tiny-group-item li:not(:last-child){margin-right:var(--ti-button-group-item-li-margin-right);margin-bottom:var(--ti-button-group-item-li-margin-bottom)}.tiny-button-group .tiny-group-item__sup{position:absolute;min-width:var(--ti-button-group-item-sup-height);height:var(--ti-button-group-item-sup-height);top:calc(-1 * var(--ti-button-group-item-sup-height)/ 2);color:var(--ti-button-group-item-sup-font-color);right:0;font-size:var(--ti-common-font-size-base);line-height:var(--ti-button-group-item-sup-height);text-align:center;background-color:#fa9841}.tiny-button-group .tiny-group-item__sup .tiny-svg{vertical-align:unset}.tiny-button-group .tiny-group-item__sup-icon{background-color:#fa9841;border-radius:2px;fill:#fff}.tiny-button-group .tiny-group-item__sup-text{background-color:#fa9841;padding:0 4px;border-top-left-radius:4px;border-bottom-right-radius:4px}.tiny-button-group>.tiny-button{float:left;position:relative}.tiny-button-group>.tiny-button+.tiny-button{margin-left:0}.tiny-button-group>.tiny-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default{border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default:active,.tiny-button-group>.tiny-button:first-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:first-child.tiny-button--default:hover{border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default{border-left-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default:active,.tiny-button-group>.tiny-button:last-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:last-child.tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:first-child:last-child{border-radius:var(--ti-button-group-border-radius)}.tiny-button-group>.tiny-button:first-child:last-child.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button-group>.tiny-button:first-child:last-child.is-circle{border-radius:50%}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child){border-radius:0;border-left-color:var(--ti-button-group-info-border-color);border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default{border-left-color:var(--ti-button-group-border-color);border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:active,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:focus,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:not(:last-child){margin-right:-1px}.tiny-button-group>.tiny-button>.tiny-dropdown>.tiny-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}.tiny-button-group.tiny-button-group--mini li:not(:last-child){margin-right:var(--ti-button-group-mini-margin-right)}.tiny-button-group.tiny-button-group--mini li button{font-size:var(--ti-button-group-mini-font-size);padding:0 var(--ti-button-group-mini-padding-horizontal);border-radius:var(--ti-button-group-mini-border-radius)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li button{border:1px solid transparent;background:0 0}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li:hover button:not(.disabled){background-color:var(--ti-button-group-no-border-hover-bg-color);border-color:var(--ti-button-group-no-border-hover-border-color)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li.active:hover button:not(.disabled){background-color:var(--ti-button-group-no-border-active-hover-bg-color);border-color:var(--ti-button-group-no-border-border-color)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li button.disabled{background-color:var(--ti-button-group-no-border-disabled-bg-color)}
|