@opentiny/vue-theme 3.9.1 → 3.9.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/button/index.css +1 -1
- package/container/index.css +1 -1
- package/index.css +1 -1
- package/layout/index.css +0 -1
- package/lowcode.css +1 -1
- package/package.json +1 -1
- package/theme/aurora-theme/component.js +0 -20
- package/container/aurora-theme.js +0 -10
- package/container/index.js +0 -16
- package/layout/aurora-theme.js +0 -14
- package/layout/index.js +0 -15
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-primary-disabled-bg-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-success-disabled-bg-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-warning-disabled-bg-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-danger-disabled-bg-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-info-disabled-bg-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-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)}}
|
package/container/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-container
|
|
1
|
+
.tiny-container .tiny-container__aside,.tiny-container .tiny-container__footer,.tiny-container .tiny-container__header,.tiny-container .tiny-container__main{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;top:0;left:0;bottom:0;right:0;margin:0}.tiny-container .tiny-container__main{overflow-y:auto}.tiny-container .tiny-container__footer{top:auto;width:auto}
|