@opentiny/vue-theme 3.11.1 → 3.11.3
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/checkbox/index.css +1 -1
- package/checkbox-button/index.css +1 -1
- package/checkbox-group/aurora-theme.js +4 -0
- package/checkbox-group/index.css +1 -1
- package/checkbox-group/smb-theme.js +3 -1
- package/date-table/index.css +1 -1
- package/dialog-box/index.css +1 -1
- package/image-viewer/index.css +1 -1
- package/index.css +1 -1
- package/lowcode.css +1 -1
- package/package.json +1 -1
- package/rich-text-editor/index.css +1 -1
- package/theme/aurora-theme/component.js +2 -0
- package/theme/smb-theme/component.js +5 -3
- package/tree-menu/index.css +1 -1
package/checkbox/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-checkbox{--ti-checkbox-width:var(--ti-common-size-4x);--ti-checkbox-height:var(--ti-common-size-4x);--ti-checkbox-text-font-family:var(--ti-common-font-family);--ti-checkbox-text-color:var(--ti-common-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-bg-color:var(--ti-common-color-transparent);--ti-checkbox-bg-color-checked:var(--ti-common-color-bg-emphasize);--ti-checkbox-border-color-checked:var(--ti-common-color-line-active);--ti-checkbox-border-color:var(--ti-common-color-line-normal);--ti-checkbox-bg-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover:var(--ti-common-color-line-active);--ti-checkbox-font-normal-line-height:var(--ti-common-line-height-base);--ti-checkbox-font-medium-line-height:var(--ti-common-line-height-3);--ti-checkbox-font-small-line-height:var(--ti-common-line-height-2);--ti-checkbox-font-mini-line-height:var(--ti-common-line-height-base);--ti-checkbox-icon-height:var(--ti-common-size-2x);--ti-checkbox-icon-width:var(--ti-common-size-base);--ti-checkbox-icon-margin-left:var(--ti-common-space-base);--ti-checkbox-icon-margin-top:var(--ti-common-space-0);--ti-checkbox-bg-color-disable:var(--ti-common-color-bg-disabled);--ti-checkbox-icon-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-border-color-unchecked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-label-text-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-bg-color-checked-disabled:var(--ti-common-color-bg-disabled);--ti-checkbox-border-color-checked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-checkline-width:var(--ti-common-border-weight-1);--ti-checkbox-label-margin-right:var(--ti-common-space-5x);--ti-checkbox-button-bg-color:var(--ti-common-color-bg-light-normal);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-button-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-hover-text-color:var(--ti-common-color-text-primary);--ti-checkbox-button-checked-border-color:var(--ti-common-color-line-active);--ti-checkbox-button-disabled-text-color:var(--ti-common-color-text-disabled);--ti-checkbox-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-checkbox-button-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-checkbox-button-text-color:var(--ti-common-color-info-normal);--ti-checkbox-button-checked-text-color:var(--ti-common-color-text-white);--ti-checkbox-button-checked-bg-color:var(--ti-common-color-bg-emphasize);--ti-checkbox-button-border-color:#e9edfa;--ti-checkbox-button-border-color-hover:#c2c2c2;--ti-checkbox-button-border-radius:0px;--ti-checkbox-disabled-border-color:#dbdbdb;--ti-checkbox-button-padding-horizontal:15px;--ti-checkbox-button-padding-vertical:5px;--ti-checkbox-button-height:24px;--ti-checkbox-button-margin-horizontal:2px;--ti-checkbox-button-mini-margin-horizontal:2px;--ti-checkbox-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-size-mini-border-radius:0px;--ti-checkbox-button-size-small-padding-horizontal:15px;--ti-checkbox-button-size-small-height:30px;--ti-checkbox-button-checked-display:none;--ti-checkbox-button-margin-top:8px;--ti-checkbox-button-padding-horizontal:16px;--ti-checkbox-button-mini-left-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-mini-right-border-radius:0px;--ti-checkbox-button-mini-last-left-border-radius:0px;--ti-checkbox-button-mini-last-right-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-right-border-radius:0px;--ti-checkbox-button-left-border-radius:0px;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--ti-checkbox-text-color);font-weight:500;font-size:0;font-family:var(--ti-checkbox-text-font-family);white-space:nowrap;margin-right:var(--ti-checkbox-label-margin-right);outline:0;cursor:pointer;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-checkbox:last-of-type{margin-right:0}.tiny-checkbox .tiny-checkbox__inner{display:inline-block;position:relative;border:1px solid var(--ti-checkbox-border-color);border-radius:var(--ti-checkbox-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--ti-checkbox-width);height:var(--ti-checkbox-height);background-color:var(--ti-checkbox-bg-color);outline:0;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.tiny-checkbox .tiny-checkbox__inner:hover{border-color:var(--ti-checkbox-border-color-hover)}.tiny-checkbox .tiny-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:1px solid #fff;border-width:0 var(--ti-checkbox-checkline-width) var(--ti-checkbox-checkline-width) 0;border-left:0;border-top:0;height:var(--ti-checkbox-icon-height);width:var(--ti-checkbox-icon-width);position:absolute;margin-left:var(--ti-checkbox-icon-margin-left);margin-top:var(--ti-checkbox-icon-margin-top);-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);-webkit-transition:-webkit-transform .15s ease-in 50ms;transition:-webkit-transform .15s ease-in 50ms;transition:transform .15s ease-in 50ms;transition:transform .15s ease-in 50ms,-webkit-transform .15s ease-in 50ms;-webkit-transform-origin:center;transform-origin:center}.tiny-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:2px;border:1px solid var(--ti-checkbox-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:var(--ti-checkbox-font-normal-line-height);height:40px}.tiny-checkbox.is-bordered+.tiny-checkbox.is-bordered{margin-left:10px}.tiny-checkbox.is-bordered.is-checked{border-color:var(--ti-checkbox-button-checked-border-color)}.tiny-checkbox.is-bordered.is-disabled{border-color:var(--ti-checkbox-border-color-unchecked-disabled);color:var(--ti-checkbox-bg-color-disable);pointer-events:none;cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner:hover{border-color:var(--ti-checkbox-border-color-unchecked-disabled);cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled.is-checked{border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--ti-checkbox-border-color-unchecked-disabled)}.tiny-checkbox.is-bordered.tiny-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__label{line-height:var(--ti-checkbox-font-medium-line-height);font-size:var(--ti-common-font-size-1)}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__inner{height:14px;width:14px}.tiny-checkbox.is-bordered.tiny-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__label{line-height:var(--ti-checkbox-font-small-line-height);font-size:var(--ti-common-font-size-base)}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner{height:12px;width:12px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner::after{height:6px;width:2px}.tiny-checkbox.is-bordered.tiny-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__label{line-height:var(--ti-checkbox-font-mini-line-height);font-size:var(--ti-common-font-size-base)}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner{height:12px;width:12px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner::after{height:6px;width:2px}.tiny-checkbox__input{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;outline:0;line-height:1;cursor:pointer}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-checkbox__input{display:inline-block}}@supports (-ms-ime-align:auto){.tiny-checkbox__input{display:inline-block}}.tiny-checkbox__input .tiny-checkbox__inner svg{fill:var(--ti-checkbox-border-color)}.tiny-checkbox__input .tiny-checkbox__inner:hover svg{fill:var(--ti-checkbox-button-hover-text-color)}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-border-color-unchecked-disabled);cursor:not-allowed}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner svg{fill:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner+.tiny-checkbox__label{cursor:not-allowed}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-checked-disabled);border-color:var(--ti-checkbox-border-color-checked-disabled)}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-checked-disabled);border-color:var(--ti-checkbox-border-color-checked-disabled)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner::before,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover::before{background-color:var(--ti-checkbox-icon-color-disabled);border-color:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:var(--ti-checkbox-label-text-color-disabled);cursor:not-allowed}.tiny-checkbox__input.is-checked .tiny-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner::before{content:'';position:absolute;display:block;border-radius:1px;background-color:#fff;height:6px;width:6px;left:0;right:0;top:0;bottom:0;margin:auto}.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner::after{display:none}.tiny-checkbox__input.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner{background-color:var(--ti-checkbox-bg-color-checked);border-color:var(--ti-checkbox-border-color-checked)}.tiny-checkbox__input.is-checked .tiny-checkbox__inner:hover,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-hover-checked);border-color:var(--ti-checkbox-border-color-hover-checked)}.tiny-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.tiny-checkbox__label{padding-left:8px;font-size:var(--ti-checkbox-font-size)}.tiny-checkbox.is-display-only .tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:#161e26}.tiny-checkbox.is-group-display-only{margin:0;padding:0;display:none}.tiny-checkbox.is-group-display-only.is-checked{display:inline-block}.tiny-checkbox.is-group-display-only .tiny-checkbox__input{display:none}.tiny-checkbox.is-group-display-only .tiny-checkbox__label::after{display:inline-block;content:';'}.tiny-checkbox.is-group-display-only .tiny-checkbox__label{margin:0;padding:0}
|
|
1
|
+
.tiny-checkbox{--ti-checkbox-width:var(--ti-common-size-4x);--ti-checkbox-height:var(--ti-common-size-4x);--ti-checkbox-text-font-family:var(--ti-common-font-family);--ti-checkbox-text-color:var(--ti-common-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-bg-color:var(--ti-common-color-transparent);--ti-checkbox-bg-color-checked:var(--ti-common-color-bg-emphasize);--ti-checkbox-border-color-checked:var(--ti-common-color-line-active);--ti-checkbox-border-color:var(--ti-common-color-line-normal);--ti-checkbox-bg-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover:var(--ti-common-color-line-active);--ti-checkbox-font-normal-line-height:var(--ti-common-line-height-base);--ti-checkbox-font-medium-line-height:var(--ti-common-line-height-3);--ti-checkbox-font-small-line-height:var(--ti-common-line-height-2);--ti-checkbox-font-mini-line-height:var(--ti-common-line-height-base);--ti-checkbox-icon-height:var(--ti-common-size-2x);--ti-checkbox-icon-width:var(--ti-common-size-base);--ti-checkbox-icon-margin-left:var(--ti-common-space-base);--ti-checkbox-icon-margin-top:var(--ti-common-space-0);--ti-checkbox-bg-color-disable:var(--ti-common-color-bg-disabled);--ti-checkbox-icon-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-border-color-unchecked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-label-text-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-bg-color-checked-disabled:var(--ti-common-color-bg-disabled);--ti-checkbox-border-color-checked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-checkline-width:var(--ti-common-border-weight-1);--ti-checkbox-label-margin-right:var(--ti-common-space-5x);--ti-checkbox-button-bg-color:var(--ti-common-color-bg-light-normal);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-button-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-hover-text-color:var(--ti-common-color-text-white);--ti-checkbox-button-checked-border-color:var(--ti-common-color-line-active);--ti-checkbox-button-disabled-text-color:var(--ti-common-color-text-disabled);--ti-checkbox-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-checkbox-button-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-checkbox-button-text-color:var(--ti-common-color-info-normal);--ti-checkbox-button-checked-text-color:var(--ti-common-color-text-white);--ti-checkbox-button-checked-bg-color:var(--ti-common-color-bg-emphasize);--ti-checkbox-button-bg-color-hover:var(--ti-common-color-bg-hover);--ti-checkbox-button-border-color:#e9edfa;--ti-checkbox-button-border-color-hover:#c2c2c2;--ti-checkbox-button-border-radius:0px;--ti-checkbox-disabled-border-color:#dbdbdb;--ti-checkbox-button-padding-horizontal:15px;--ti-checkbox-button-padding-vertical:5px;--ti-checkbox-button-height:24px;--ti-checkbox-button-margin-horizontal:2px;--ti-checkbox-button-mini-margin-horizontal:2px;--ti-checkbox-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-size-mini-border-radius:0px;--ti-checkbox-button-size-small-padding-horizontal:15px;--ti-checkbox-button-size-small-height:30px;--ti-checkbox-button-checked-display:none;--ti-checkbox-button-margin-top:8px;--ti-checkbox-button-padding-horizontal:16px;--ti-checkbox-button-mini-left-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-mini-right-border-radius:0px;--ti-checkbox-button-mini-last-left-border-radius:0px;--ti-checkbox-button-mini-last-right-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-right-border-radius:0px;--ti-checkbox-button-left-border-radius:0px;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--ti-checkbox-text-color);font-weight:500;font-size:0;font-family:var(--ti-checkbox-text-font-family);white-space:nowrap;margin-right:var(--ti-checkbox-label-margin-right);outline:0;cursor:pointer;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-checkbox:last-of-type{margin-right:0}.tiny-checkbox .tiny-checkbox__inner{display:inline-block;position:relative;border:1px solid var(--ti-checkbox-border-color);border-radius:var(--ti-checkbox-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--ti-checkbox-width);height:var(--ti-checkbox-height);background-color:var(--ti-checkbox-bg-color);outline:0;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.tiny-checkbox .tiny-checkbox__inner:hover{border-color:var(--ti-checkbox-border-color-hover)}.tiny-checkbox .tiny-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:1px solid #fff;border-width:0 var(--ti-checkbox-checkline-width) var(--ti-checkbox-checkline-width) 0;border-left:0;border-top:0;height:var(--ti-checkbox-icon-height);width:var(--ti-checkbox-icon-width);position:absolute;margin-left:var(--ti-checkbox-icon-margin-left);margin-top:var(--ti-checkbox-icon-margin-top);-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);-webkit-transition:-webkit-transform .15s ease-in 50ms;transition:-webkit-transform .15s ease-in 50ms;transition:transform .15s ease-in 50ms;transition:transform .15s ease-in 50ms,-webkit-transform .15s ease-in 50ms;-webkit-transform-origin:center;transform-origin:center}.tiny-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:2px;border:1px solid var(--ti-checkbox-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:var(--ti-checkbox-font-normal-line-height);height:40px}.tiny-checkbox.is-bordered+.tiny-checkbox.is-bordered{margin-left:10px}.tiny-checkbox.is-bordered.is-checked{border-color:var(--ti-checkbox-button-checked-border-color)}.tiny-checkbox.is-bordered.is-disabled{border-color:var(--ti-checkbox-border-color-unchecked-disabled);color:var(--ti-checkbox-bg-color-disable);pointer-events:none;cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner:hover{border-color:var(--ti-checkbox-border-color-unchecked-disabled);cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled.is-checked{border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--ti-checkbox-border-color-unchecked-disabled)}.tiny-checkbox.is-bordered.tiny-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__label{line-height:var(--ti-checkbox-font-medium-line-height);font-size:var(--ti-common-font-size-1)}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__inner{height:14px;width:14px}.tiny-checkbox.is-bordered.tiny-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__label{line-height:var(--ti-checkbox-font-small-line-height);font-size:var(--ti-common-font-size-base)}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner{height:12px;width:12px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner::after{height:6px;width:2px}.tiny-checkbox.is-bordered.tiny-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__label{line-height:var(--ti-checkbox-font-mini-line-height);font-size:var(--ti-common-font-size-base)}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner{height:12px;width:12px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner::after{height:6px;width:2px}.tiny-checkbox__input{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;outline:0;line-height:1;cursor:pointer}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-checkbox__input{display:inline-block}}@supports (-ms-ime-align:auto){.tiny-checkbox__input{display:inline-block}}.tiny-checkbox__input .tiny-checkbox__inner svg{fill:var(--ti-checkbox-border-color)}.tiny-checkbox__input .tiny-checkbox__inner:hover svg{fill:var(--ti-checkbox-button-hover-text-color)}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-border-color-unchecked-disabled);cursor:not-allowed}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner svg{fill:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner+.tiny-checkbox__label{cursor:not-allowed}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-checked-disabled);border-color:var(--ti-checkbox-border-color-checked-disabled)}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-checked-disabled);border-color:var(--ti-checkbox-border-color-checked-disabled)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner::before,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover::before{background-color:var(--ti-checkbox-icon-color-disabled);border-color:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:var(--ti-checkbox-label-text-color-disabled);cursor:not-allowed}.tiny-checkbox__input.is-checked .tiny-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner::before{content:'';position:absolute;display:block;border-radius:1px;background-color:#fff;height:6px;width:6px;left:0;right:0;top:0;bottom:0;margin:auto}.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner::after{display:none}.tiny-checkbox__input.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner{background-color:var(--ti-checkbox-bg-color-checked);border-color:var(--ti-checkbox-border-color-checked)}.tiny-checkbox__input.is-checked .tiny-checkbox__inner:hover,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-hover-checked);border-color:var(--ti-checkbox-border-color-hover-checked)}.tiny-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.tiny-checkbox__label{padding-left:8px;font-size:var(--ti-checkbox-font-size)}.tiny-checkbox.is-display-only .tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:#161e26}.tiny-checkbox.is-group-display-only{margin:0;padding:0;display:none}.tiny-checkbox.is-group-display-only.is-checked{display:inline-block}.tiny-checkbox.is-group-display-only .tiny-checkbox__input{display:none}.tiny-checkbox.is-group-display-only .tiny-checkbox__label::after{display:inline-block;content:';'}.tiny-checkbox.is-group-display-only .tiny-checkbox__label{margin:0;padding:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-checkbox-button{--ti-checkbox-width:var(--ti-common-size-4x);--ti-checkbox-height:var(--ti-common-size-4x);--ti-checkbox-text-font-family:var(--ti-common-font-family);--ti-checkbox-text-color:var(--ti-common-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-bg-color:var(--ti-common-color-transparent);--ti-checkbox-bg-color-checked:var(--ti-common-color-bg-emphasize);--ti-checkbox-border-color-checked:var(--ti-common-color-line-active);--ti-checkbox-border-color:var(--ti-common-color-line-normal);--ti-checkbox-bg-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover:var(--ti-common-color-line-active);--ti-checkbox-font-normal-line-height:var(--ti-common-line-height-base);--ti-checkbox-font-medium-line-height:var(--ti-common-line-height-3);--ti-checkbox-font-small-line-height:var(--ti-common-line-height-2);--ti-checkbox-font-mini-line-height:var(--ti-common-line-height-base);--ti-checkbox-icon-height:var(--ti-common-size-2x);--ti-checkbox-icon-width:var(--ti-common-size-base);--ti-checkbox-icon-margin-left:var(--ti-common-space-base);--ti-checkbox-icon-margin-top:var(--ti-common-space-0);--ti-checkbox-bg-color-disable:var(--ti-common-color-bg-disabled);--ti-checkbox-icon-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-border-color-unchecked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-label-text-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-bg-color-checked-disabled:var(--ti-common-color-bg-disabled);--ti-checkbox-border-color-checked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-checkline-width:var(--ti-common-border-weight-1);--ti-checkbox-label-margin-right:var(--ti-common-space-5x);--ti-checkbox-button-bg-color:var(--ti-common-color-bg-light-normal);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-button-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-hover-text-color:var(--ti-common-color-text-
|
|
1
|
+
.tiny-checkbox-button{--ti-checkbox-width:var(--ti-common-size-4x);--ti-checkbox-height:var(--ti-common-size-4x);--ti-checkbox-text-font-family:var(--ti-common-font-family);--ti-checkbox-text-color:var(--ti-common-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-bg-color:var(--ti-common-color-transparent);--ti-checkbox-bg-color-checked:var(--ti-common-color-bg-emphasize);--ti-checkbox-border-color-checked:var(--ti-common-color-line-active);--ti-checkbox-border-color:var(--ti-common-color-line-normal);--ti-checkbox-bg-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover:var(--ti-common-color-line-active);--ti-checkbox-font-normal-line-height:var(--ti-common-line-height-base);--ti-checkbox-font-medium-line-height:var(--ti-common-line-height-3);--ti-checkbox-font-small-line-height:var(--ti-common-line-height-2);--ti-checkbox-font-mini-line-height:var(--ti-common-line-height-base);--ti-checkbox-icon-height:var(--ti-common-size-2x);--ti-checkbox-icon-width:var(--ti-common-size-base);--ti-checkbox-icon-margin-left:var(--ti-common-space-base);--ti-checkbox-icon-margin-top:var(--ti-common-space-0);--ti-checkbox-bg-color-disable:var(--ti-common-color-bg-disabled);--ti-checkbox-icon-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-border-color-unchecked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-label-text-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-bg-color-checked-disabled:var(--ti-common-color-bg-disabled);--ti-checkbox-border-color-checked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-checkline-width:var(--ti-common-border-weight-1);--ti-checkbox-label-margin-right:var(--ti-common-space-5x);--ti-checkbox-button-bg-color:var(--ti-common-color-bg-light-normal);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-button-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-hover-text-color:var(--ti-common-color-text-white);--ti-checkbox-button-checked-border-color:var(--ti-common-color-line-active);--ti-checkbox-button-disabled-text-color:var(--ti-common-color-text-disabled);--ti-checkbox-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-checkbox-button-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-checkbox-button-text-color:var(--ti-common-color-info-normal);--ti-checkbox-button-checked-text-color:var(--ti-common-color-text-white);--ti-checkbox-button-checked-bg-color:var(--ti-common-color-bg-emphasize);--ti-checkbox-button-bg-color-hover:var(--ti-common-color-bg-hover);--ti-checkbox-button-border-color:#e9edfa;--ti-checkbox-button-border-color-hover:#c2c2c2;--ti-checkbox-button-border-radius:0px;--ti-checkbox-disabled-border-color:#dbdbdb;--ti-checkbox-button-padding-horizontal:15px;--ti-checkbox-button-padding-vertical:5px;--ti-checkbox-button-height:24px;--ti-checkbox-button-margin-horizontal:2px;--ti-checkbox-button-mini-margin-horizontal:2px;--ti-checkbox-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-size-mini-border-radius:0px;--ti-checkbox-button-size-small-padding-horizontal:15px;--ti-checkbox-button-size-small-height:30px;--ti-checkbox-button-checked-display:none;--ti-checkbox-button-margin-top:8px;--ti-checkbox-button-padding-horizontal:16px;--ti-checkbox-button-mini-left-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-mini-right-border-radius:0px;--ti-checkbox-button-mini-last-left-border-radius:0px;--ti-checkbox-button-mini-last-right-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-right-border-radius:0px;--ti-checkbox-button-left-border-radius:0px;position:relative;display:inline-block;margin-top:var(--ti-checkbox-button-margin-top)}.tiny-checkbox-button:first-child .tiny-checkbox-button__inner{border-radius:var(--ti-common-border-radius-normal) var(--ti-checkbox-button-right-border-radius) var(--ti-checkbox-button-right-border-radius) var(--ti-common-border-radius-normal)}.tiny-checkbox-button:last-child .tiny-checkbox-button__inner{border-radius:var(--ti-checkbox-button-left-border-radius) var(--ti-common-border-radius-normal) var(--ti-common-border-radius-normal) var(--ti-checkbox-button-left-border-radius)}.tiny-checkbox-button.is-checked::after{content:'';position:absolute;width:0;height:0;right:4px;top:0;border-bottom:20px solid transparent;border-right:20px solid var(--ti-checkbox-button-checked-border-color);border-top-right-radius:6px;display:var(--ti-checkbox-button-checked-display)}.tiny-checkbox-button.is-checked::before{display:var(--ti-checkbox-button-checked-display);right:7px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:.5px solid #fff;border-width:0 var(--ti-checkbox-checkline-width) var(--ti-checkbox-checkline-width) 0;border-left:0;border-top:0;height:8px;width:4px;position:absolute;margin-left:var(--ti-checkbox-icon-margin-left);margin-top:var(--ti-checkbox-icon-margin-top);transition:transform .15s ease-in 50ms,-webkit-transform .15s ease-in 50ms;-webkit-transform-origin:center;transform-origin:center;z-index:3;-webkit-transform:rotate(45deg) scale(.7);transform:rotate(45deg) scale(.7)}.tiny-checkbox-button.is-checked .tiny-checkbox-button__inner{color:var(--ti-checkbox-button-checked-text-color);border-color:var(--ti-checkbox-button-checked-border-color);-webkit-box-shadow:-1px 0 0 0 var(--ti-checkbox-shadow-color);box-shadow:-1px 0 0 0 var(--ti-checkbox-shadow-color);background-color:var(--ti-checkbox-button-checked-bg-color)}.tiny-checkbox-button.is-checked:first-child .tiny-checkbox-button__inner{border-left-color:var(--ti-checkbox-button-checked-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-checkbox-button.is-disabled .tiny-checkbox-button__inner{color:var(--ti-checkbox-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--ti-checkbox-button-disabled-bg-color);border-color:var(--ti-checkbox-disabled-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-checkbox-button.is-disabled:first-child .tiny-checkbox-button__inner{border-left-color:var(--ti-checkbox-border-color)}.tiny-checkbox-button.is-disabled.is-checked::after{border-right:20px solid var(--ti-checkbox-disabled-border-color)}.tiny-checkbox-button.is-disabled.is-checked .tiny-checkbox-button__inner{color:var(--ti-checkbox-button-disabled-text-color);border-color:var(--ti-checkbox-disabled-border-color);background-color:var(--ti-checkbox-button-disabled-bg-color)}.tiny-checkbox-button__inner{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;outline:0;line-height:1;font-weight:500;cursor:pointer;background:var(--ti-checkbox-button-bg-color);border-left:0;border:1px solid var(--ti-checkbox-button-border-color);color:var(--ti-checkbox-button-text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 var(--ti-checkbox-button-margin-horizontal);-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:var(--ti-checkbox-button-font-size);border-radius:var(--ti-checkbox-button-border-radius);-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-checkbox-button__inner.is-round{padding:12px 20px}.tiny-checkbox-button__inner:hover{background:var(--ti-checkbox-button-bg-color-hover);color:var(--ti-checkbox-button-hover-text-color);border:1px solid var(--ti-checkbox-button-border-color-hover)}.tiny-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.tiny-checkbox-button--medium .tiny-checkbox-button__inner{padding:10px 20px;font-size:var(--ti-common-font-size-1);border-radius:var(--ti-checkbox-button-border-radius)}.tiny-checkbox-button--medium .tiny-checkbox-button__inner.is-round{padding:10px 20px}.tiny-checkbox-button--small .tiny-checkbox-button__inner{height:var(--ti-checkbox-button-size-small-height);line-height:calc(var(--ti-checkbox-button-size-small-height) - 2px);padding:0 var(--ti-checkbox-button-size-small-padding-horizontal);font-size:var(--ti-common-font-size-base);border-radius:var(--ti-checkbox-button-border-radius)}.tiny-checkbox-button--small .tiny-checkbox-button__inner.is-round{padding:8px 15px}.tiny-checkbox-button--mini .tiny-checkbox-button__inner{padding:var(--ti-checkbox-button-padding-vertical) var(--ti-checkbox-button-padding-horizontal);height:var(--ti-checkbox-button-height);margin:0 var(--ti-checkbox-button-mini-margin-horizontal);font-size:var(--ti-checkbox-button-size-mini-font-size);border-radius:var(--ti-checkbox-button-size-mini-border-radius)}.tiny-checkbox-button--mini .tiny-checkbox-button__inner.is-round{padding:5px 15px}.tiny-checkbox-button.tiny-checkbox-button--mini:first-child .tiny-checkbox-button__inner{border-radius:var(--ti-checkbox-button-mini-left-border-radius) var(--ti-checkbox-button-mini-right-border-radius) var(--ti-checkbox-button-mini-right-border-radius) var(--ti-checkbox-button-mini-left-border-radius)}.tiny-checkbox-button.tiny-checkbox-button--mini:last-child .tiny-checkbox-button__inner{border-radius:var(--ti-checkbox-button-mini-last-left-border-radius) var(--ti-checkbox-button-mini-right-border-radius) var(--ti-checkbox-button-mini-last-right-border-radius) var(--ti-checkbox-button-mini-last-left-border-radius)}.tiny-checkbox-button--mini.is-checked::after{border-bottom:16px solid transparent;border-right:16px solid var(--ti-checkbox-button-checked-border-color);border-top-right-radius:4px;right:3px}.tiny-checkbox-button--mini.is-checked::before{height:8px;width:4px;right:3px;top:1px}
|
package/checkbox-group/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-checkbox-group{--ti-checkbox-width:var(--ti-common-size-4x);--ti-checkbox-height:var(--ti-common-size-4x);--ti-checkbox-text-font-family:var(--ti-common-font-family);--ti-checkbox-text-color:var(--ti-common-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-bg-color:var(--ti-common-color-transparent);--ti-checkbox-bg-color-checked:var(--ti-common-color-bg-emphasize);--ti-checkbox-border-color-checked:var(--ti-common-color-line-active);--ti-checkbox-border-color:var(--ti-common-color-line-normal);--ti-checkbox-bg-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover:var(--ti-common-color-line-active);--ti-checkbox-font-normal-line-height:var(--ti-common-line-height-base);--ti-checkbox-font-medium-line-height:var(--ti-common-line-height-3);--ti-checkbox-font-small-line-height:var(--ti-common-line-height-2);--ti-checkbox-font-mini-line-height:var(--ti-common-line-height-base);--ti-checkbox-icon-height:var(--ti-common-size-2x);--ti-checkbox-icon-width:var(--ti-common-size-base);--ti-checkbox-icon-margin-left:var(--ti-common-space-base);--ti-checkbox-icon-margin-top:var(--ti-common-space-0);--ti-checkbox-bg-color-disable:var(--ti-common-color-bg-disabled);--ti-checkbox-icon-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-border-color-unchecked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-label-text-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-bg-color-checked-disabled:var(--ti-common-color-bg-disabled);--ti-checkbox-border-color-checked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-checkline-width:var(--ti-common-border-weight-1);--ti-checkbox-label-margin-right:var(--ti-common-space-5x);--ti-checkbox-button-bg-color:var(--ti-common-color-bg-light-normal);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-button-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-hover-text-color:var(--ti-common-color-text-
|
|
1
|
+
.tiny-checkbox-group{--ti-checkbox-width:var(--ti-common-size-4x);--ti-checkbox-height:var(--ti-common-size-4x);--ti-checkbox-text-font-family:var(--ti-common-font-family);--ti-checkbox-text-color:var(--ti-common-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-bg-color:var(--ti-common-color-transparent);--ti-checkbox-bg-color-checked:var(--ti-common-color-bg-emphasize);--ti-checkbox-border-color-checked:var(--ti-common-color-line-active);--ti-checkbox-border-color:var(--ti-common-color-line-normal);--ti-checkbox-bg-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover:var(--ti-common-color-line-active);--ti-checkbox-font-normal-line-height:var(--ti-common-line-height-base);--ti-checkbox-font-medium-line-height:var(--ti-common-line-height-3);--ti-checkbox-font-small-line-height:var(--ti-common-line-height-2);--ti-checkbox-font-mini-line-height:var(--ti-common-line-height-base);--ti-checkbox-icon-height:var(--ti-common-size-2x);--ti-checkbox-icon-width:var(--ti-common-size-base);--ti-checkbox-icon-margin-left:var(--ti-common-space-base);--ti-checkbox-icon-margin-top:var(--ti-common-space-0);--ti-checkbox-bg-color-disable:var(--ti-common-color-bg-disabled);--ti-checkbox-icon-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-border-color-unchecked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-label-text-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-bg-color-checked-disabled:var(--ti-common-color-bg-disabled);--ti-checkbox-border-color-checked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-checkline-width:var(--ti-common-border-weight-1);--ti-checkbox-label-margin-right:var(--ti-common-space-5x);--ti-checkbox-button-bg-color:var(--ti-common-color-bg-light-normal);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-button-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-hover-text-color:var(--ti-common-color-text-white);--ti-checkbox-button-checked-border-color:var(--ti-common-color-line-active);--ti-checkbox-button-disabled-text-color:var(--ti-common-color-text-disabled);--ti-checkbox-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-checkbox-button-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-checkbox-button-text-color:var(--ti-common-color-info-normal);--ti-checkbox-button-checked-text-color:var(--ti-common-color-text-white);--ti-checkbox-button-checked-bg-color:var(--ti-common-color-bg-emphasize);--ti-checkbox-button-bg-color-hover:var(--ti-common-color-bg-hover);--ti-checkbox-button-border-color:#e9edfa;--ti-checkbox-button-border-color-hover:#c2c2c2;--ti-checkbox-button-border-radius:0px;--ti-checkbox-disabled-border-color:#dbdbdb;--ti-checkbox-button-padding-horizontal:15px;--ti-checkbox-button-padding-vertical:5px;--ti-checkbox-button-height:24px;--ti-checkbox-button-margin-horizontal:2px;--ti-checkbox-button-mini-margin-horizontal:2px;--ti-checkbox-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-size-mini-border-radius:0px;--ti-checkbox-button-size-small-padding-horizontal:15px;--ti-checkbox-button-size-small-height:30px;--ti-checkbox-button-checked-display:none;--ti-checkbox-button-margin-top:8px;--ti-checkbox-button-padding-horizontal:16px;--ti-checkbox-button-mini-left-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-mini-right-border-radius:0px;--ti-checkbox-button-mini-last-left-border-radius:0px;--ti-checkbox-button-mini-last-right-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-right-border-radius:0px;--ti-checkbox-button-left-border-radius:0px;--ti-checkbox-group-margin-bottom:var(--ti-common-space-2x);--ti-checkbox-group-flex-wrap:wrap;--ti-checkbox-group-margin-top:var(--ti-common-space-0);--ti-checkbox-group-1st-child-border-radius:var(--ti-common-space-0);--ti-checkbox-group-last-child-border-radius:var(--ti-common-space-0);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:var(--ti-checkbox-group-flex-wrap);flex-wrap:var(--ti-checkbox-group-flex-wrap);width:100%;margin-top:var(--ti-checkbox-group-margin-top)}.tiny-checkbox-group.is-vertical{display:inline-block}.tiny-checkbox-group.is-vertical .tiny-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}.tiny-checkbox-group.is-vertical .tiny-checkbox:not(:last-child){margin-bottom:var(--ti-checkbox-group-margin-bottom)}.tiny-checkbox-group.is-vertical .tiny-checkbox-button{display:block;width:-webkit-min-content;width:-moz-min-content;width:min-content}.tiny-checkbox-group.is-vertical .tiny-checkbox-button:first-child .tiny-checkbox-button__inner{border-radius:var(--ti-checkbox-group-1st-child-border-radius)}.tiny-checkbox-group.is-vertical .tiny-checkbox-button:last-child .tiny-checkbox-button__inner{border-radius:var(--ti-checkbox-group-last-child-border-radius)}.tiny-checkbox-group.is-vertical .tiny-checkbox-button.is-checked .tiny-checkbox-button__inner{-webkit-box-shadow:0 -1px 0 0 var(--ti-checkbox-shadow-color);box-shadow:0 -1px 0 0 var(--ti-checkbox-shadow-color);border-color:var(--ti-checkbox-button-checked-border-color)}.tiny-checkbox-group.is-vertical .tiny-checkbox-button.is-checked.is-disabled .tiny-checkbox-button__inner{-webkit-box-shadow:0 -1px 0 0 var(--ti-checkbox-border-color);box-shadow:0 -1px 0 0 var(--ti-checkbox-border-color);border-color:var(--ti-checkbox-border-color);background:var(--ti-checkbox-disabled-bg-color)}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export const tinyCheckboxGroupSmbTheme = {
|
|
2
2
|
'ti-checkbox-group-margin-bottom': '16px',
|
|
3
|
-
'ti-checkbox-group-flex-wrap': 'wrap'
|
|
3
|
+
'ti-checkbox-group-flex-wrap': 'wrap',
|
|
4
|
+
'ti-checkbox-group-1st-child-border-radius': '6px',
|
|
5
|
+
'ti-checkbox-group-last-child-border-radius': '6px',
|
|
4
6
|
}
|
package/date-table/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-date-table{--ti-date-table-td-width:36px;--ti-date-table-td-height:34px;--ti-date-table-td-padding-vertical:4px;--ti-date-table-td-padding-horizontal:0;--ti-date-table-td-span-width:36px;--ti-date-table-td-span-height:24px;--ti-date-table-th-text-color:var(--ti-base-color-common-2);--ti-date-table-td-border-radius:0;--ti-date-table-td-pre-month-text-color:var(--ti-base-color-common-2);--ti-date-table-td-normal-text-color:var(--ti-common-color-light);--ti-date-table-td-range-bg-color:#f2f6fc;--ti-date-table-td-today-border-color:var(--ti-base-color-brand-6);--ti-date-table-td-today-text-color:var(--ti-common-color-info-normal);--ti-date-table-week-bg-color-current-select:var(--ti-base-color-brand-2);--ti-date-table-week-bg-color-current-hover:var(--ti-base-color-brand-3);--ti-date-table-font-size:var(--ti-common-font-size-base);--ti-date-table-hover-bg-color:var(--ti-common-color-selected-background);--ti-date-table-current-border-color:var(--ti-base-color-brand-6);--ti-date-table-disabled-text-color:var(--ti-common-color-text-disabled);--ti-date-table-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-date-table-range-bg-color:var(--ti-base-color-brand-2);--ti-date-table-range-hover-bg-color:var(--ti-base-color-brand-2);--ti-date-table-bg-color-current-select:var(--ti-base-color-brand-6);--ti-date-table-text-color:var(--ti-common-color-info-normal);--ti-date-table-border-radius-current-select:0;font-size:var(--ti-date-table-font-size);-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-date-table.is-week-mode .tiny-date-table__row:hover td.available:hover{color:var(--ti-date-table-text-color)}.tiny-date-table.is-week-mode .tiny-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:var(--ti-date-table-td-border-radius);border-bottom-left-radius:var(--ti-date-table-td-border-radius)}.tiny-date-table.is-week-mode .tiny-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:var(--ti-date-table-td-border-radius);border-bottom-right-radius:var(--ti-date-table-td-border-radius)}.tiny-date-table.is-week-mode .tiny-date-table__row:hover div{background-color:var(--ti-date-table-hover-bg-color)}.tiny-date-table.is-week-mode .tiny-date-table__row.current div{background-color:var(--ti-date-table-week-bg-color-current-select)}.tiny-date-table.is-week-mode .tiny-date-table__row.current div:hover{background-color:var(--ti-date-table-week-bg-color-current-hover)}.tiny-date-table.is-week-mode .tiny-date-table__row.current td.available:hover span{background-color:transparent}.tiny-date-table.is-week-mode .tiny-date-table__row.current td.available.end-date span,.tiny-date-table.is-week-mode .tiny-date-table__row.current td.available.start-date span{background-color:var(--ti-date-table-bg-color-current-select);border-radius:var(--ti-date-table-border-radius-current-select)}.tiny-date-table td{width:var(--ti-date-table-td-width);height:var(--ti-date-table-td-height);padding:var(--ti-date-table-td-padding-vertical) var(--ti-date-table-td-padding-horizontal);-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;position:relative}.tiny-date-table td div{height:24px;min-width:36px;padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-date-table td span{min-width:var(--ti-date-table-td-span-width);height:var(--ti-date-table-td-span-height);line-height:var(--ti-date-table-td-span-height);display:block;margin:0 auto;position:absolute;left:50%;top:5px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiny-date-table td.next-month,.tiny-date-table td.pre-month{color:var(--ti-date-table-td-pre-month-text-color);cursor:pointer}.tiny-date-table td.next-month span:hover,.tiny-date-table td.pre-month span:hover{background:var(--ti-datetime-beside-day-bg-color-hover)}.tiny-date-table td.today{position:relative;color:var(--ti-date-table-td-today-text-color)}.tiny-date-table td.today:after{content:'';width:12px;height:1px;background:var(--ti-date-table-td-today-border-color);position:absolute;left:0;right:0;margin:auto;bottom:5px}.tiny-date-table td.today.end-date span,.tiny-date-table td.today.start-date span{color:var(--ti-date-table-td-normal-text-color)}.tiny-date-table td.available:hover span{background-color:var(--ti-date-table-hover-bg-color);border-radius:var(--ti-date-table-border-radius-current-select)}.tiny-date-table td.current:not(.disabled) span{color:var(--ti-date-table-td-normal-text-color);background-color:var(--ti-date-table-bg-color-current-select);border-radius:var(--ti-date-table-border-radius-current-select)}.tiny-date-table td.end-date div,.tiny-date-table td.start-date div{color:var(--ti-date-table-td-normal-text-color)}.tiny-date-table td.end-date span,.tiny-date-table td.start-date span{background-color:var(--ti-date-table-bg-color-current-select)}.tiny-date-table td.start-date div{margin-left:5px;border-top-left-radius:var(--ti-date-table-td-border-radius);border-bottom-left-radius:var(--ti-date-table-td-border-radius)}.tiny-date-table td.end-date div{margin-right:5px;border-top-right-radius:var(--ti-date-table-td-border-radius);border-bottom-right-radius:var(--ti-date-table-td-border-radius)}.tiny-date-table td.disabled div{background-color:var(--ti-date-table-disabled-bg-color);opacity:1;cursor:not-allowed;color:var(--ti-date-table-disabled-text-color)}.tiny-date-table td.in-range div{background-color:var(--ti-date-table-range-bg-color)}.tiny-date-table td.in-range div:hover{background-color:var(--ti-date-table-range-hover-bg-color)}.tiny-date-table td.in-range.end-date:hover span,.tiny-date-table td.in-range.start-date:hover span{background-color:var(--ti-date-table-bg-color-current-select)}.tiny-date-table td.available{padding:0}.tiny-date-table td.selected div{margin-left:5px;margin-right:5px;background-color:var(--ti-date-table-td-range-bg-color)}.tiny-date-table td.selected div:hover{background-color:var(--ti-date-table-td-range-bg-color)}.tiny-date-table td.selected span{background-color:var(--ti-date-table-bg-color-current-select);color:var(--ti-date-table-td-normal-text-color);border:none}.tiny-date-table td.selected.available:hover span{background-color:var(--ti-date-table-bg-color-current-select)}.tiny-date-table td.week{font-size:80%;color:var(--ti-date-table-text-color)}.tiny-date-table th{color:var(--ti-date-table-th-text-color);font-weight:400;white-space:nowrap}
|
|
1
|
+
.tiny-date-table{--ti-date-table-td-width:36px;--ti-date-table-td-height:34px;--ti-date-table-td-padding-vertical:4px;--ti-date-table-td-padding-horizontal:0;--ti-date-table-td-span-width:36px;--ti-date-table-td-span-height:24px;--ti-date-table-th-text-color:var(--ti-base-color-common-2);--ti-date-table-td-border-radius:0;--ti-date-table-td-pre-month-text-color:var(--ti-base-color-common-2);--ti-date-table-td-normal-text-color:var(--ti-common-color-light);--ti-date-table-td-range-bg-color:#f2f6fc;--ti-date-table-td-today-border-color:var(--ti-base-color-brand-6);--ti-date-table-td-today-text-color:var(--ti-common-color-info-normal);--ti-date-table-week-bg-color-current-select:var(--ti-base-color-brand-2);--ti-date-table-week-bg-color-current-hover:var(--ti-base-color-brand-3);--ti-date-table-font-size:var(--ti-common-font-size-base);--ti-date-table-hover-bg-color:var(--ti-common-color-selected-background);--ti-date-table-current-border-color:var(--ti-base-color-brand-6);--ti-date-table-disabled-text-color:var(--ti-common-color-text-disabled);--ti-date-table-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-date-table-range-bg-color:var(--ti-base-color-brand-2);--ti-date-table-range-hover-bg-color:var(--ti-base-color-brand-2);--ti-date-table-bg-color-current-select:var(--ti-base-color-brand-6);--ti-date-table-text-color:var(--ti-common-color-info-normal);--ti-date-table-border-radius-current-select:0;font-size:var(--ti-date-table-font-size);-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-date-table.is-week-mode .tiny-date-table__row:hover td.available:hover{color:var(--ti-date-table-text-color)}.tiny-date-table.is-week-mode .tiny-date-table__row:hover td:first-child div{margin-left:5px;border-top-left-radius:var(--ti-date-table-td-border-radius);border-bottom-left-radius:var(--ti-date-table-td-border-radius)}.tiny-date-table.is-week-mode .tiny-date-table__row:hover td:last-child div{margin-right:5px;border-top-right-radius:var(--ti-date-table-td-border-radius);border-bottom-right-radius:var(--ti-date-table-td-border-radius)}.tiny-date-table.is-week-mode .tiny-date-table__row:hover div{background-color:var(--ti-date-table-hover-bg-color)}.tiny-date-table.is-week-mode .tiny-date-table__row.current div{background-color:var(--ti-date-table-week-bg-color-current-select)}.tiny-date-table.is-week-mode .tiny-date-table__row.current div:hover{background-color:var(--ti-date-table-week-bg-color-current-hover)}.tiny-date-table.is-week-mode .tiny-date-table__row.current td.available:hover span{background-color:transparent}.tiny-date-table.is-week-mode .tiny-date-table__row.current td.available.end-date span,.tiny-date-table.is-week-mode .tiny-date-table__row.current td.available.start-date span{background-color:var(--ti-date-table-bg-color-current-select);border-radius:var(--ti-date-table-border-radius-current-select)}.tiny-date-table td{width:var(--ti-date-table-td-width);height:var(--ti-date-table-td-height);padding:var(--ti-date-table-td-padding-vertical) var(--ti-date-table-td-padding-horizontal);-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;vertical-align:middle;position:relative}.tiny-date-table td div{height:24px;min-width:36px;padding:3px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-date-table td span{min-width:var(--ti-date-table-td-span-width);height:var(--ti-date-table-td-span-height);line-height:var(--ti-date-table-td-span-height);display:block;margin:0 auto;position:absolute;left:50%;top:5px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tiny-date-table td.next-month,.tiny-date-table td.pre-month{color:var(--ti-date-table-td-pre-month-text-color);cursor:pointer}.tiny-date-table td.next-month span:hover,.tiny-date-table td.pre-month span:hover{background:var(--ti-datetime-beside-day-bg-color-hover)}.tiny-date-table td.today{position:relative;color:var(--ti-date-table-td-today-text-color)}.tiny-date-table td.today:after{content:'';width:12px;height:1px;background:var(--ti-date-table-td-today-border-color);position:absolute;left:0;right:0;margin:auto;bottom:5px}.tiny-date-table td.today.end-date span,.tiny-date-table td.today.start-date span{color:var(--ti-date-table-td-normal-text-color)}.tiny-date-table td.available:hover span{background-color:var(--ti-date-table-hover-bg-color);border-radius:var(--ti-date-table-border-radius-current-select)}.tiny-date-table td.current:not(.disabled) span{color:var(--ti-date-table-td-normal-text-color);background-color:var(--ti-date-table-bg-color-current-select);border-radius:var(--ti-date-table-border-radius-current-select)}.tiny-date-table td.end-date div,.tiny-date-table td.start-date div{color:var(--ti-date-table-td-normal-text-color)}.tiny-date-table td.end-date span,.tiny-date-table td.start-date span{background-color:var(--ti-date-table-bg-color-current-select)}.tiny-date-table td.start-date div{margin-left:5px;border-top-left-radius:var(--ti-date-table-td-border-radius);border-bottom-left-radius:var(--ti-date-table-td-border-radius)}.tiny-date-table td.end-date div{margin-right:5px;border-top-right-radius:var(--ti-date-table-td-border-radius);border-bottom-right-radius:var(--ti-date-table-td-border-radius)}.tiny-date-table td.disabled div{background-color:var(--ti-date-table-disabled-bg-color);opacity:1;cursor:not-allowed;color:var(--ti-date-table-disabled-text-color)}.tiny-date-table td.in-range div{background-color:var(--ti-date-table-range-bg-color)}.tiny-date-table td.in-range div:hover{background-color:var(--ti-date-table-range-hover-bg-color)}.tiny-date-table td.in-range.end-date:hover span,.tiny-date-table td.in-range.start-date:hover span{background-color:var(--ti-date-table-bg-color-current-select)}.tiny-date-table td.available{padding:0}.tiny-date-table td.selected div{margin-left:5px;margin-right:5px;background-color:var(--ti-date-table-td-range-bg-color)}.tiny-date-table td.selected div:hover{background-color:var(--ti-date-table-td-range-bg-color)}.tiny-date-table td.selected span{background-color:var(--ti-date-table-bg-color-current-select);color:var(--ti-date-table-td-normal-text-color);border:none}.tiny-date-table td.selected.available:hover span{background-color:var(--ti-date-table-bg-color-current-select)}.tiny-date-table td.week{font-size:80%;color:var(--ti-date-table-text-color)}.tiny-date-table th{color:var(--ti-date-table-th-text-color);font-weight:400;white-space:nowrap}
|
package/dialog-box/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-dialog-box{position:absolute;background:var(--ti-dialog-box-bg-color);border:1px solid transparent;border-radius:var(--ti-dialog-box-border-radius);-webkit-box-shadow:var(--ti-dialog-box-shadow);box-shadow:var(--ti-dialog-box-shadow);overflow:scroll}.tiny-dialog-box__wrapper{--ti-dialog-box-bg-color:var(--ti-common-color-bg-white-normal);--ti-dialog-box-border-radius:var(--ti-common-border-radius-normal);--ti-dialog-box-shadow:var(--ti-common-shadow-4-down);--ti-dialog-box-head-border-color:var(--ti-common-color-line-normal);--ti-dialog-box-head-text-color:var(--ti-common-color-text-primary);--ti-dialog-box-head-padding-top:var(--ti-common-space-8x);--ti-dialog-box-head-padding-horizontal:var(--ti-common-space-8x);--ti-dialog-box-head-padding-bottom:calc(var(--ti-common-space-base) * 7);--ti-dialog-box-head-title-font-size:var(--ti-common-font-size-3);--ti-dialog-box-head-title-font-weight:var(--ti-common-font-weight-7);--ti-dialog-box-head-title-text-color:var(--ti-common-color-text-primary);--ti-dialog-box-head-border-bottom-color:var(--ti-common-color-transparent);--ti-dialog-box-head-font-icon-color:var(--ti-common-color-icon-normal);--ti-dialog-box-head-font-icon-color-hover:var(--ti-common-color-icon-hover);--ti-dialog-box-head-body-text-color:var(--ti-common-color-text-primary);--ti-dialog-box-head-body-font-size:var(--ti-common-font-size-1);--ti-dialog-box-btn-width:var(--ti-common-size-8x);--ti-dialog-box-btn-height:var(--ti-dialog-box-btn-width);--ti-dialog-box-btn-border-radius:var(--ti-common-border-radius-1);--ti-dialog-box-close-icon-size:var(--ti-common-font-size-1);--ti-dialog-box-close-icon-color:var(--ti-common-color-icon-normal);--ti-dialog-box-close-icon-color-hover:var(--ti-common-color-icon-hover);--ti-dialog-box-btn-background-color-hover:none;--ti-dialog-box-btn-position-top:var(--ti-common-space-5x);--ti-dialog-box-btn-position-right:var(--ti-common-space-5x);--ti-dialog-box-body-font-size:var(--ti-common-font-size-base);--ti-dialog-box-body-text-color:var(--ti-common-color-text-primary);--ti-dialog-box-body-padding-vertical:var(--ti-common-space-0);--ti-dialog-box-body-padding-horizontal:var(--ti-common-space-8x);--ti-dialog-box-footer-padding-top:calc(var(--ti-common-space-base) * 7);--ti-dialog-box-footer-padding-horizontal:var(--ti-common-space-8x);--ti-dialog-box-footer-margin-bottom:var(--ti-common-space-8x);--ti-dialog-box-drawer-min-width:calc(var(--ti-common-space-10) * 50);--ti-dialog-box-drawer-max-width:calc(var(--ti-common-space-10) * 100);--ti-dialog-box-drawer-padding-left:var(--ti-common-space-8x);--ti-dialog-box-drawer-padding-right:var(--ti-common-space-10x);--ti-dialog-box-drawer-header-padding-top:var(--ti-common-space-8x);--ti-dialog-box-drawer-header-padding-bottom:var(--ti-common-space-5x);--ti-dialog-box-drawer-header-padding-left:var(--ti-common-space-0);--ti-dialog-box-drawer-body-padding-right:var(--ti-common-space-0);--ti-dialog-box-drawer-body-padding-top:var(--ti-common-space-0);--ti-dialog-box-drawer-body-padding-bottom:var(--ti-common-space-0);--ti-dialog-box-drawer-body-padding-left:var(--ti-common-space-0);--ti-dialog-box-drawer-header-padding-right:var(--ti-common-space-0);--ti-dialog-box-drawer-footer-text-align:right;--ti-dialog-box-drawer-footer-padding-top:var(--ti-common-space-5x);--ti-dialog-box-drawer-footer-padding-bottom:var(--ti-common-space-8x);--ti-dialog-box-drawer-footer-padding-left:var(--ti-common-space-0);--ti-dialog-box-drawer-footer-padding-right:var(--ti-common-space-0);--ti-dialog-box-drawer-footer-margin-left:var(--ti-common-space-8x);--ti-dialog-box-drawer-footer-margin-right:var(--ti-common-space-10x);--ti-dialog-box-drawer-divider-border-color:var(--ti-common-color-line-dividing);--ti-dialog-box-drawer-radius:var(--ti-common-space-0);position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.tiny-dialog-box.is-fullscreen{left:0;top:0;width:100vw;height:100vh}.tiny-dialog-box.is-fullscreen .tiny-dialog-box__footer{width:100vw}.tiny-dialog-box.is-center .tiny-dialog-box__footer,.tiny-dialog-box.is-center .tiny-dialog-box__header{text-align:center}.tiny-dialog-box.is-fullscreen .tiny-dialog-box__body{max-height:calc(100vh - 94px)}.tiny-dialog-box .tiny-dialog-box__header{padding:var(--ti-dialog-box-head-padding-top) var(--ti-dialog-box-head-padding-horizontal) var(--ti-dialog-box-head-padding-bottom);background:var(--ti-dialog-box-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--ti-dialog-box-head-title-font-size);color:var(--ti-dialog-box-head-title-text-color);font-weight:var(--ti-dialog-box-head-title-font-weight);border-bottom:1px solid var(--ti-dialog-box-head-border-bottom-color)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__title{-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn{border:none;background:0 0;padding:0;line-height:1;position:absolute;top:calc(var(--ti-dialog-box-btn-position-top) - (var(--ti-dialog-box-btn-height) - var(--ti-dialog-box-close-icon-size))/ 2);right:calc(var(--ti-dialog-box-btn-position-right) - (var(--ti-dialog-box-btn-width) - var(--ti-dialog-box-close-icon-size))/ 2);cursor:pointer;height:var(--ti-dialog-box-btn-height);width:var(--ti-dialog-box-btn-width)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:hover{background-color:var(--ti-dialog-box-btn-background-color-hover);border-radius:var(--ti-dialog-box-btn-border-radius)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn+.tiny-dialog-box__headerbtn{margin-left:8px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:focus{outline:0}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close{fill:var(--ti-dialog-box-close-icon-color);font-size:var(--ti-dialog-box-close-icon-size)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close:hover{fill:var(--ti-dialog-box-close-icon-color-hover)}.tiny-dialog-box .tiny-dialog-box__body{text-align:left;padding:var(--ti-dialog-box-body-padding-vertical) var(--ti-dialog-box-body-padding-horizontal);margin-bottom:var(--ti-dialog-box-body-margin-bottom);color:var(--ti-dialog-box-body-text-color);font-size:var(--ti-dialog-box-body-font-size);overflow:auto}.tiny-dialog-box .tiny-dialog-box__body .tiny-upload{overflow:hidden}.tiny-dialog-box .tiny-dialog-box__body>span{max-height:120px;overflow-y:auto}.tiny-dialog-box .tiny-dialog-box__body .tiny-dept__search{line-height:30px}.tiny-dialog-box .tiny-dialog-box__footer{padding:var(--ti-dialog-box-footer-padding-top) var(--ti-dialog-box-footer-padding-horizontal) var(--ti-dialog-box-footer-margin-bottom);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-dialog-box .tiny-dialog-box__footer .tiny-button{min-width:var(--ti-dialog-box-footer-btn-min-width)}.tiny-dialog-box .tiny-dialog-box__footer .tiny-toolbar .tiny-button{margin:0 4px}.tiny-dialog-box.is-right-slide{border-radius:var(--ti-dialog-box-drawer-radius);min-width:var(--ti-dialog-box-drawer-min-width);max-width:var(--ti-dialog-box-drawer-max-width)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__body,.tiny-dialog-box.is-right-slide .tiny-dialog-box__footer,.tiny-dialog-box.is-right-slide .tiny-dialog-box__header{width:calc(100% - var(--ti-dialog-box-drawer-padding-left) - var(--ti-dialog-box-drawer-padding-right));margin-left:var(--ti-dialog-box-drawer-padding-left);margin-right:var(--ti-dialog-box-drawer-padding-right)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__header{padding:var(--ti-dialog-box-drawer-header-padding-top) var(--ti-dialog-box-drawer-header-padding-right) var(--ti-dialog-box-drawer-header-padding-bottom) var(--ti-dialog-box-drawer-header-padding-left);border-bottom:1px solid var(--ti-dialog-box-drawer-divider-border-color)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__headerbtn{right:calc(var(--ti-dialog-box-btn-position-right) - var(--ti-dialog-box-drawer-padding-right) - (var(--ti-dialog-box-btn-width) - var(--ti-dialog-box-close-icon-size))/ 2)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__body{padding:var(--ti-dialog-box-drawer-body-padding-top) var(--ti-dialog-box-drawer-body-padding-right) var(--ti-dialog-box-drawer-body-padding-bottom) var(--ti-dialog-box-drawer-body-padding-left)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__footer{padding:var(--ti-dialog-box-drawer-footer-padding-top) var(--ti-dialog-box-drawer-footer-padding-right) var(--ti-dialog-box-drawer-footer-padding-bottom) var(--ti-dialog-box-drawer-footer-padding-left);border-top:1px solid var(--ti-dialog-box-drawer-divider-border-color);text-align:var(--ti-dialog-box-drawer-footer-text-align)}.popup-parent--hidden{overflow:hidden}body:not(.popup-parent--hidden) .v-modal{pointer-events:none}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.3;background:#000}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.dialog-slideRight-enter-active{-webkit-animation:slideRight .5s ease-in forwards;animation:slideRight .5s ease-in forwards}.dialog-slideRight-leave-active{-webkit-animation:slideRightout .5s ease-in forwards;animation:slideRightout .5s ease-in forwards}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@media (max-width:480px){.tiny-dialog-box{width:100%!important;top:0!important;left:0!important}}
|
|
1
|
+
.tiny-dialog-box{position:absolute;background:var(--ti-dialog-box-bg-color);border:1px solid transparent;border-radius:var(--ti-dialog-box-border-radius);-webkit-box-shadow:var(--ti-dialog-box-shadow);box-shadow:var(--ti-dialog-box-shadow);overflow:hidden}.tiny-dialog-box__wrapper{--ti-dialog-box-bg-color:var(--ti-common-color-bg-white-normal);--ti-dialog-box-border-radius:var(--ti-common-border-radius-normal);--ti-dialog-box-shadow:var(--ti-common-shadow-4-down);--ti-dialog-box-head-border-color:var(--ti-common-color-line-normal);--ti-dialog-box-head-text-color:var(--ti-common-color-text-primary);--ti-dialog-box-head-padding-top:var(--ti-common-space-8x);--ti-dialog-box-head-padding-horizontal:var(--ti-common-space-8x);--ti-dialog-box-head-padding-bottom:calc(var(--ti-common-space-base) * 7);--ti-dialog-box-head-title-font-size:var(--ti-common-font-size-3);--ti-dialog-box-head-title-font-weight:var(--ti-common-font-weight-7);--ti-dialog-box-head-title-text-color:var(--ti-common-color-text-primary);--ti-dialog-box-head-border-bottom-color:var(--ti-common-color-transparent);--ti-dialog-box-head-font-icon-color:var(--ti-common-color-icon-normal);--ti-dialog-box-head-font-icon-color-hover:var(--ti-common-color-icon-hover);--ti-dialog-box-head-body-text-color:var(--ti-common-color-text-primary);--ti-dialog-box-head-body-font-size:var(--ti-common-font-size-1);--ti-dialog-box-btn-width:var(--ti-common-size-8x);--ti-dialog-box-btn-height:var(--ti-dialog-box-btn-width);--ti-dialog-box-btn-border-radius:var(--ti-common-border-radius-1);--ti-dialog-box-close-icon-size:var(--ti-common-font-size-1);--ti-dialog-box-close-icon-color:var(--ti-common-color-icon-normal);--ti-dialog-box-close-icon-color-hover:var(--ti-common-color-icon-hover);--ti-dialog-box-btn-background-color-hover:none;--ti-dialog-box-btn-position-top:var(--ti-common-space-5x);--ti-dialog-box-btn-position-right:var(--ti-common-space-5x);--ti-dialog-box-body-font-size:var(--ti-common-font-size-base);--ti-dialog-box-body-text-color:var(--ti-common-color-text-primary);--ti-dialog-box-body-padding-vertical:var(--ti-common-space-0);--ti-dialog-box-body-padding-horizontal:var(--ti-common-space-8x);--ti-dialog-box-footer-padding-top:calc(var(--ti-common-space-base) * 7);--ti-dialog-box-footer-padding-horizontal:var(--ti-common-space-8x);--ti-dialog-box-footer-margin-bottom:var(--ti-common-space-8x);--ti-dialog-box-drawer-min-width:calc(var(--ti-common-space-10) * 50);--ti-dialog-box-drawer-max-width:calc(var(--ti-common-space-10) * 100);--ti-dialog-box-drawer-padding-left:var(--ti-common-space-8x);--ti-dialog-box-drawer-padding-right:var(--ti-common-space-10x);--ti-dialog-box-drawer-header-padding-top:var(--ti-common-space-8x);--ti-dialog-box-drawer-header-padding-bottom:var(--ti-common-space-5x);--ti-dialog-box-drawer-header-padding-left:var(--ti-common-space-0);--ti-dialog-box-drawer-body-padding-right:var(--ti-common-space-0);--ti-dialog-box-drawer-body-padding-top:var(--ti-common-space-0);--ti-dialog-box-drawer-body-padding-bottom:var(--ti-common-space-0);--ti-dialog-box-drawer-body-padding-left:var(--ti-common-space-0);--ti-dialog-box-drawer-header-padding-right:var(--ti-common-space-0);--ti-dialog-box-drawer-footer-text-align:right;--ti-dialog-box-drawer-footer-padding-top:var(--ti-common-space-5x);--ti-dialog-box-drawer-footer-padding-bottom:var(--ti-common-space-8x);--ti-dialog-box-drawer-footer-padding-left:var(--ti-common-space-0);--ti-dialog-box-drawer-footer-padding-right:var(--ti-common-space-0);--ti-dialog-box-drawer-footer-margin-left:var(--ti-common-space-8x);--ti-dialog-box-drawer-footer-margin-right:var(--ti-common-space-10x);--ti-dialog-box-drawer-divider-border-color:var(--ti-common-color-line-dividing);--ti-dialog-box-drawer-radius:var(--ti-common-space-0);position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.tiny-dialog-box.is-fullscreen{left:0;top:0;width:100vw;height:100vh}.tiny-dialog-box.is-fullscreen .tiny-dialog-box__footer{position:absolute;left:0;bottom:0;width:100vw}.tiny-dialog-box.is-center .tiny-dialog-box__footer,.tiny-dialog-box.is-center .tiny-dialog-box__header{text-align:center}.tiny-dialog-box.is-fullscreen .tiny-dialog-box__body{max-height:calc(100vh - 94px)}.tiny-dialog-box .tiny-dialog-box__header{padding:var(--ti-dialog-box-head-padding-top) var(--ti-dialog-box-head-padding-horizontal) var(--ti-dialog-box-head-padding-bottom);background:var(--ti-dialog-box-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--ti-dialog-box-head-title-font-size);color:var(--ti-dialog-box-head-title-text-color);font-weight:var(--ti-dialog-box-head-title-font-weight);border-bottom:1px solid var(--ti-dialog-box-head-border-bottom-color)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__title{-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn{border:none;background:0 0;padding:0;line-height:1;position:absolute;top:calc(var(--ti-dialog-box-btn-position-top) - (var(--ti-dialog-box-btn-height) - var(--ti-dialog-box-close-icon-size))/ 2);right:calc(var(--ti-dialog-box-btn-position-right) - (var(--ti-dialog-box-btn-width) - var(--ti-dialog-box-close-icon-size))/ 2);cursor:pointer;height:var(--ti-dialog-box-btn-height);width:var(--ti-dialog-box-btn-width)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:hover{background-color:var(--ti-dialog-box-btn-background-color-hover);border-radius:var(--ti-dialog-box-btn-border-radius)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn+.tiny-dialog-box__headerbtn{margin-left:8px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:focus{outline:0}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close{fill:var(--ti-dialog-box-close-icon-color);font-size:var(--ti-dialog-box-close-icon-size)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close:hover{fill:var(--ti-dialog-box-close-icon-color-hover)}.tiny-dialog-box .tiny-dialog-box__body{text-align:left;padding:var(--ti-dialog-box-body-padding-vertical) var(--ti-dialog-box-body-padding-horizontal);margin-bottom:var(--ti-dialog-box-body-margin-bottom);color:var(--ti-dialog-box-body-text-color);font-size:var(--ti-dialog-box-body-font-size)}.tiny-dialog-box .tiny-dialog-box__body .tiny-upload{overflow:hidden}.tiny-dialog-box .tiny-dialog-box__body>span{max-height:120px;overflow-y:auto}.tiny-dialog-box .tiny-dialog-box__body .tiny-dept__search{line-height:30px}.tiny-dialog-box .tiny-dialog-box__footer{padding:var(--ti-dialog-box-footer-padding-top) var(--ti-dialog-box-footer-padding-horizontal) var(--ti-dialog-box-footer-margin-bottom);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-dialog-box .tiny-dialog-box__footer .tiny-button{min-width:var(--ti-dialog-box-footer-btn-min-width)}.tiny-dialog-box .tiny-dialog-box__footer .tiny-toolbar .tiny-button{margin:0 4px}.tiny-dialog-box.is-right-slide{border-radius:var(--ti-dialog-box-drawer-radius);min-width:var(--ti-dialog-box-drawer-min-width);max-width:var(--ti-dialog-box-drawer-max-width);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.tiny-dialog-box.is-right-slide .tiny-dialog-box__body,.tiny-dialog-box.is-right-slide .tiny-dialog-box__footer,.tiny-dialog-box.is-right-slide .tiny-dialog-box__header{width:calc(100% - var(--ti-dialog-box-drawer-padding-left) - var(--ti-dialog-box-drawer-padding-right));margin-left:var(--ti-dialog-box-drawer-padding-left);margin-right:var(--ti-dialog-box-drawer-padding-right)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__header{padding:var(--ti-dialog-box-drawer-header-padding-top) var(--ti-dialog-box-drawer-header-padding-right) var(--ti-dialog-box-drawer-header-padding-bottom) var(--ti-dialog-box-drawer-header-padding-left);border-bottom:1px solid var(--ti-dialog-box-drawer-divider-border-color)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__headerbtn{right:calc(var(--ti-dialog-box-btn-position-right) - var(--ti-dialog-box-drawer-padding-right) - (var(--ti-dialog-box-btn-width) - var(--ti-dialog-box-close-icon-size))/ 2)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:var(--ti-dialog-box-drawer-body-padding-top) var(--ti-dialog-box-drawer-body-padding-right) var(--ti-dialog-box-drawer-body-padding-bottom) var(--ti-dialog-box-drawer-body-padding-left)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__footer{padding:var(--ti-dialog-box-drawer-footer-padding-top) var(--ti-dialog-box-drawer-footer-padding-right) var(--ti-dialog-box-drawer-footer-padding-bottom) var(--ti-dialog-box-drawer-footer-padding-left);border-top:1px solid var(--ti-dialog-box-drawer-divider-border-color);text-align:var(--ti-dialog-box-drawer-footer-text-align)}.popup-parent--hidden{overflow:hidden}body:not(.popup-parent--hidden) .v-modal{pointer-events:none}body:not(.popup-parent--hidden) .tiny-dialog-box__wrapper{pointer-events:none}body:not(.popup-parent--hidden) .tiny-dialog-box__wrapper .tiny-dialog-box{pointer-events:auto}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.3;background:#000}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.dialog-slideRight-enter-active{-webkit-animation:slideRight .5s ease-in forwards;animation:slideRight .5s ease-in forwards}.dialog-slideRight-leave-active{-webkit-animation:slideRightout .5s ease-in forwards;animation:slideRightout .5s ease-in forwards}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@media (max-width:480px){.tiny-dialog-box{width:100%!important;top:0!important;left:0!important}}
|
package/image-viewer/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-image{--ti-image-viewer-text-color:var(--ti-common-color-light);--ti-image-viewer-actions-inner-text-color:var(--ti-common-color-light);--ti-image-viewer-close-font-size:var(--ti-common-font-size-4);--ti-image-viewer-close-bg-color:#606266;--ti-image-viewer-close-top:40px;--ti-image-viewer-close-right:40px;--ti-image-viewer-close-width:40px;--ti-image-viewer-close-height:40px;--ti-image-viewer-close-bg-color-hover:#606266;--ti-image-viewer-actions-border-radius:22px;--ti-image-viewer-actions-inner-font-size:23px;--ti-image-viewer-actions-width:282px;--ti-image-viewer-actions-height:44px;--ti-image-viewer-actions-bottom:30px;--ti-image-viewer-actions-inner-justify-content:space-around;--ti-image-viewer-next-font-size:var(--ti-common-font-size-5);--ti-image-viewer-next-width:44px;--ti-image-viewer-next-height:44px;--ti-image-viewer-mask-wrap-bg-color:none;--ti-image-viewer-btn-opacity:0.8;--ti-image-viewer-mask-bg-color:#000}.tiny-image
|
|
1
|
+
.tiny-image-viewer{--ti-image-viewer-text-color:var(--ti-common-color-light);--ti-image-viewer-actions-inner-text-color:var(--ti-common-color-light);--ti-image-viewer-close-font-size:var(--ti-common-font-size-4);--ti-image-viewer-close-bg-color:#606266;--ti-image-viewer-close-top:40px;--ti-image-viewer-close-right:40px;--ti-image-viewer-close-width:40px;--ti-image-viewer-close-height:40px;--ti-image-viewer-close-bg-color-hover:#606266;--ti-image-viewer-actions-border-radius:22px;--ti-image-viewer-actions-inner-font-size:23px;--ti-image-viewer-actions-width:282px;--ti-image-viewer-actions-height:44px;--ti-image-viewer-actions-bottom:30px;--ti-image-viewer-actions-inner-justify-content:space-around;--ti-image-viewer-next-font-size:var(--ti-common-font-size-5);--ti-image-viewer-next-width:44px;--ti-image-viewer-next-height:44px;--ti-image-viewer-mask-wrap-bg-color:none;--ti-image-viewer-btn-opacity:0.8;--ti-image-viewer-mask-bg-color:#000}.tiny-image-viewer__wrapper{background:var(--ti-image-viewer-mask-wrap-bg-color);position:fixed;top:0;right:0;bottom:0;left:0}.tiny-image-viewer__btn{position:absolute;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;opacity:var(--ti-image-viewer-btn-opacity);-webkit-box-sizing:border-box;box-sizing:border-box;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-image-viewer__btn svg{fill:var(--ti-image-viewer-text-color)}.tiny-image-viewer__close{top:var(--ti-image-viewer-close-top);right:var(--ti-image-viewer-close-right);width:var(--ti-image-viewer-close-width);height:var(--ti-image-viewer-close-height);font-size:var(--ti-image-viewer-close-font-size);background-color:var(--ti-image-viewer-close-bg-color)}.tiny-image-viewer__close:hover{cursor:pointer;background-color:var(--ti-image-viewer-close-bg-color-hover)}.tiny-image-viewer__canvas{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-image-viewer__actions{left:50%;bottom:var(--ti-image-viewer-actions-bottom);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:var(--ti-image-viewer-actions-width);height:var(--ti-image-viewer-actions-height);padding:0 23px;background-color:var(--ti-image-viewer-close-bg-color);border-radius:var(--ti-image-viewer-actions-border-radius)}.tiny-image-viewer__actions-inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:var(--ti-image-viewer-actions-inner-font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:var(--ti-image-viewer-actions-inner-justify-content);-ms-flex-pack:var(--ti-image-viewer-actions-inner-justify-content);justify-content:var(--ti-image-viewer-actions-inner-justify-content)}.tiny-image-viewer__actions-inner svg{fill:var(--ti-image-viewer-actions-inner-text-color);margin-right:20px}.tiny-image-viewer__actions-inner svg:hover{cursor:pointer}.tiny-image-viewer__next,.tiny-image-viewer__prev{top:50%;width:var(--ti-image-viewer-next-width);height:var(--ti-image-viewer-next-height);font-size:var(--ti-image-viewer-next-font-size);background-color:var(--ti-image-viewer-close-bg-color)}.tiny-image-viewer__next:hover,.tiny-image-viewer__prev:hover{cursor:pointer;background-color:var(--ti-image-viewer-close-bg-color-hover)}.tiny-image-viewer__prev{-webkit-transform:translateY(-50%);transform:translateY(-50%);left:40px}.tiny-image-viewer__next{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:40px;text-indent:2px}.tiny-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:var(--ti-image-viewer-mask-bg-color)}
|