@opentiny/vue-theme 3.6.7 → 3.8.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/action-menu/index.css +1 -1
- package/alert/aurora-theme.js +14 -0
- package/alert/index.css +1 -1
- package/alert/smb-theme.js +39 -0
- package/anchor/index.css +1 -1
- package/autocomplete/index.css +1 -1
- package/badge/index.css +1 -1
- package/badge/smb-theme.js +3 -0
- package/base/index.css +1 -1
- package/breadcrumb/aurora-theme.js +3 -0
- package/breadcrumb/index.css +1 -1
- package/breadcrumb/smb-theme.js +7 -0
- package/button/aurora-theme.js +3 -0
- package/button/index.css +1 -1
- package/button/smb-theme.js +45 -0
- package/button-group/index.css +1 -1
- package/button-group/smb-theme.js +29 -0
- package/calendar/index.css +1 -1
- package/card-item/index.css +1 -1
- package/card-template/index.css +1 -1
- package/carousel/index.css +1 -1
- package/cascader/aurora-theme.js +3 -0
- package/cascader/index.css +1 -1
- package/cascader-menu/aurora-theme.js +3 -0
- package/cascader-menu/index.css +1 -1
- package/cascader-node/aurora-theme.js +8 -0
- package/cascader-node/index.css +1 -1
- package/cascader-panel/aurora-theme.js +3 -0
- package/cascader-panel/index.css +1 -1
- package/checkbox/aurora-theme.js +5 -0
- package/checkbox/index.css +1 -1
- package/checkbox/smb-theme.js +17 -0
- package/checkbox-button/aurora-theme.js +3 -0
- package/checkbox-button/index.css +1 -1
- package/checkbox-button/smb-theme.js +27 -0
- package/checkbox-group/index.css +1 -1
- package/checkbox-group/smb-theme.js +4 -0
- package/collapse/index.css +1 -1
- package/collapse-item/aurora-theme.js +22 -0
- package/collapse-item/index.css +1 -1
- package/collapse-item/smb-theme.js +15 -0
- package/crop/index.css +1 -1
- package/date-panel/index.css +1 -1
- package/date-table/index.css +1 -1
- package/date-table/smb-theme.js +8 -0
- package/dept/index.css +1 -1
- package/dialog-box/index.css +1 -1
- package/dialog-box/smb-theme.js +13 -0
- package/dialog-select/index.css +1 -0
- package/drop-roles/index.css +1 -1
- package/dropdown/index.css +1 -1
- package/dropdown/smb-theme.js +12 -0
- package/dropdown-item/index.css +1 -1
- package/dropdown-item/smb-theme.js +14 -0
- package/dropdown-menu/index.css +1 -1
- package/dropdown-menu/smb-theme.js +4 -0
- package/error-page/index.css +1 -1
- package/file-upload/aurora-theme.js +6 -0
- package/filter-box/index.css +1 -0
- package/filter-panel/index.css +1 -0
- package/floatbar/index.css +1 -1
- package/flowchart/index.css +1 -0
- package/form/index.css +1 -1
- package/form/smb-theme.js +5 -0
- package/form-item/index.css +1 -1
- package/form-item/smb-theme.js +14 -0
- package/grid/aurora-theme.js +15 -0
- package/grid/index.css +1 -1
- package/grid/smb-theme.js +20 -0
- package/grid-toolbar/index.css +1 -0
- package/guide/index.css +1 -0
- package/image/index.css +1 -1
- package/images/credit-background.jpeg +0 -0
- package/images/empty-noaccess.png +0 -0
- package/images/empty-noaccess.svg +20 -0
- package/images/empty-nodata.png +0 -0
- package/images/empty-nodata.svg +24 -0
- package/images/empty-nonetwork.png +0 -0
- package/images/empty-nonetwork.svg +25 -0
- package/images/empty-nonotice.png +0 -0
- package/images/empty-nonotice.svg +23 -0
- package/images/empty-noresult.png +0 -0
- package/images/empty-noresult.svg +23 -0
- package/images/empty-page-noaccess.png +0 -0
- package/images/empty-page-noaccess.svg +50 -0
- package/images/empty-page-nonetwork.png +0 -0
- package/images/empty-page-nonetwork.svg +44 -0
- package/images/empty-page-nothing.png +0 -0
- package/images/empty-page-nothing.svg +38 -0
- package/images/empty-page-servererror.png +0 -0
- package/images/empty-page-servererror.svg +55 -0
- package/images/icon_operation.svg +1 -1
- package/images/icon_operation_bubble.svg +1 -1
- package/images/image-error.jpg +0 -0
- package/images/image-error.svg +6 -0
- package/images/loading-64.gif +0 -0
- package/images/select-nodata.png +0 -0
- package/index.css +1 -1
- package/input/aurora-theme.js +4 -0
- package/input/index.css +1 -1
- package/input/smb-theme.js +19 -0
- package/ip-address/aurora-theme.js +4 -0
- package/ip-address/index.css +1 -1
- package/ip-address/smb-theme.js +10 -0
- package/link/index.css +1 -1
- package/link/smb-theme.js +13 -0
- package/loading/index.css +1 -1
- package/loading/smb-theme.js +19 -0
- package/lowcode.css +1 -1
- package/menubar/index.css +1 -1
- package/milestone/index.css +1 -1
- package/modal/index.css +1 -1
- package/modal/smb-theme.js +21 -0
- package/nav-menu/index.css +1 -1
- package/nav-menu/smb-theme.js +3 -0
- package/notify/index.css +1 -1
- package/notify/smb-theme.js +22 -0
- package/numeric/index.css +1 -1
- package/numeric/smb-theme.js +10 -0
- package/option/index.css +1 -1
- package/option/smb-theme.js +13 -0
- package/option-group/index.css +1 -1
- package/option-group/smb-theme.js +5 -0
- package/package.json +5 -4
- package/pager/index.css +1 -1
- package/pager/smb-theme.js +42 -0
- package/popeditor/index.css +1 -1
- package/popover/index.css +1 -1
- package/popover/smb-theme.js +10 -0
- package/progress/aurora-theme.js +3 -0
- package/progress/index.css +1 -1
- package/progress/smb-theme.js +4 -0
- package/radio/aurora-theme.js +9 -0
- package/radio/index.css +1 -1
- package/radio/smb-theme.js +11 -0
- package/radio-button/index.css +1 -1
- package/radio-group/index.css +1 -1
- package/rate/index.css +1 -1
- package/recycle-scroller/index.css +1 -0
- package/roles/index.css +1 -1
- package/scrollbar/index.css +1 -1
- package/scrollbar/smb-theme.js +7 -0
- package/search/aurora-theme.js +3 -0
- package/search/index.css +1 -1
- package/search/smb-theme.js +9 -0
- package/select/index.css +1 -1
- package/select/smb-theme.js +11 -0
- package/select-dropdown/index.css +1 -1
- package/select-dropdown/smb-theme.js +27 -0
- package/selected-box/index.css +1 -0
- package/selector/index.css +1 -1
- package/slider/aurora-theme.js +15 -0
- package/slider/index.css +1 -1
- package/slider/smb-theme.js +1 -0
- package/split/aurora-theme.js +3 -0
- package/split/index.css +1 -1
- package/steps/index.css +1 -1
- package/steps/smb-theme.js +25 -0
- package/svgs/add-circle.svg +26 -0
- package/svgs/arrow-bottom.svg +6 -0
- package/svgs/audio.svg +8 -0
- package/svgs/calendar.svg +28 -26
- package/svgs/down-ward.svg +10 -0
- package/svgs/error.svg +10 -17
- package/svgs/excel-type.svg +11 -0
- package/svgs/expand.svg +7 -0
- package/svgs/eyeclose.svg +41 -17
- package/svgs/eyeopen.svg +21 -18
- package/svgs/file-type.svg +14 -0
- package/svgs/left-frozen.svg +1 -1
- package/svgs/left-ward-arrow.svg +11 -0
- package/svgs/loading-shadow.svg +19 -0
- package/svgs/mic.svg +6 -0
- package/svgs/mobile-checkbox-half.svg +10 -0
- package/svgs/mobile-checkbox-selected.svg +10 -0
- package/svgs/mobile-checkbox.svg +10 -0
- package/svgs/mobile-radio-selected.svg +9 -0
- package/svgs/mobile-radio.svg +10 -0
- package/svgs/other-type.svg +11 -0
- package/svgs/pdf-type.svg +11 -0
- package/svgs/picture-type.svg +11 -0
- package/svgs/ppt-type.svg +11 -0
- package/svgs/prompt-exclamation.svg +7 -0
- package/svgs/prompt.svg +6 -0
- package/svgs/put-away.svg +8 -0
- package/svgs/replies.svg +1 -1
- package/svgs/right-frozen.svg +1 -1
- package/svgs/sent.svg +1 -1
- package/svgs/sort-triangle-ascending.svg +9 -0
- package/svgs/sort-triangle-descending.svg +9 -0
- package/svgs/sort-triangle.svg +12 -0
- package/svgs/stretch.svg +48 -0
- package/svgs/success.svg +10 -16
- package/svgs/text-type.svg +11 -0
- package/svgs/triangle-down.svg +6 -15
- package/svgs/unsent.svg +1 -1
- package/svgs/up-ward.svg +11 -0
- package/svgs/video-type.svg +14 -0
- package/svgs/warning-triangle.svg +8 -16
- package/svgs/word-type.svg +11 -0
- package/svgs/zip-type.svg +16 -0
- package/switch/aurora-theme.js +10 -0
- package/switch/index.css +1 -1
- package/switch/smb-theme.js +12 -0
- package/table/index.css +1 -1
- package/tabs/aurora-theme.js +16 -0
- package/tabs/index.css +1 -1
- package/tabs/smb-theme.js +15 -0
- package/tag/aurora-theme.js +33 -0
- package/tag/index.css +1 -1
- package/tag/smb-theme.js +22 -0
- package/tall-storage/index.css +1 -1
- package/text-popup/aurora-theme.js +5 -0
- package/text-popup/index.css +1 -1
- package/text-popup/smb-theme.js +7 -0
- package/textarea/index.css +1 -0
- package/textarea/smb-theme.js +24 -0
- package/theme/aurora-theme/component.js +25 -0
- package/theme/aurora-theme/index.js +430 -0
- package/theme/index.js +17 -0
- package/theme/infinity-theme/index.js +24 -24
- package/theme/smb-theme/component.js +43 -0
- package/theme/smb-theme/index.js +342 -0
- package/theme/utils.js +12 -0
- package/theme-tool.js +23 -16
- package/theme.config.js +34 -13
- package/time-select/index.css +1 -1
- package/tip/index.css +1 -1
- package/toggle-menu/index.css +1 -1
- package/tooltip/aurora-theme.js +5 -0
- package/tooltip/index.css +1 -1
- package/tooltip/smb-theme.js +18 -0
- package/transfer/aurora-theme.js +8 -0
- package/transfer/index.css +1 -1
- package/tree/index.css +1 -1
- package/tree-menu/index.css +1 -1
- package/upload/index.css +1 -1
- package/upload-dragger/index.css +1 -1
- package/upload-list/index.css +1 -1
- package/user-card/index.css +1 -1
- package/user-link/index.css +1 -1
- package/wizard/index.css +1 -1
- package/action-menu/index.js +0 -13
- package/alert/index.js +0 -40
- package/anchor/index.js +0 -20
- package/autocomplete/index.js +0 -25
- package/breadcrumb/index.js +0 -24
- package/breadcrumb-item/index.js +0 -15
- package/button/index.js +0 -105
- package/button-group/index.js +0 -34
- package/carousel/index.js +0 -39
- package/cascader/index.js +0 -41
- package/cascader-menu/index.js +0 -20
- package/cascader-node/index.js +0 -25
- package/cascader-panel/index.js +0 -22
- package/collapse/index.js +0 -15
- package/collapse-item/index.js +0 -32
- package/crop/index.js +0 -31
- package/detail-page/index.js +0 -25
- package/dialog-box/index.js +0 -38
- package/drop-times/index.js +0 -15
- package/dropdown/index.js +0 -15
- package/dropdown-item/index.js +0 -27
- package/dropdown-menu/index.js +0 -18
- package/fall-menu/index.js +0 -27
- package/file-upload/index.js +0 -15
- package/floatbar/index.js +0 -21
- package/form/index.js +0 -15
- package/form-item/index.js +0 -24
- package/fullscreen/index.js +0 -15
- package/grid/index.js +0 -65
- package/image/index.js +0 -17
- package/index.js +0 -16
- package/input/index.js +0 -34
- package/ip-address/index.js +0 -25
- package/link/index.js +0 -41
- package/link-menu/index.js +0 -24
- package/loading/index.js +0 -21
- package/milestone/index.js +0 -26
- package/modal/index.js +0 -47
- package/nav-menu/index.js +0 -28
- package/notify/index.js +0 -41
- package/numeric/index.js +0 -26
- package/option/index.js +0 -26
- package/option-group/index.js +0 -18
- package/pager/index.js +0 -40
- package/popover/index.js +0 -30
- package/progress/index.js +0 -23
- package/radio/index.js +0 -42
- package/rate/index.js +0 -18
- package/scrollbar/index.js +0 -15
- package/search/index.js +0 -34
- package/select/index.js +0 -27
- package/select-dropdown/index.js +0 -33
- package/slide-bar/index.js +0 -20
- package/slider/index.js +0 -52
- package/split/index.js +0 -23
- package/steps/index.js +0 -49
- package/switch/index.js +0 -29
- package/tabs/index.js +0 -60
- package/tag/index.js +0 -54
- package/text-popup/index.js +0 -18
- package/toggle-menu/index.js +0 -24
- package/tooltip/index.js +0 -41
- package/transfer/index.js +0 -47
- package/tree/index.js +0 -27
- package/tree-menu/index.js +0 -22
- package/upload/index.js +0 -22
- package/upload-dragger/index.js +0 -26
- package/upload-list/index.js +0 -28
- package/vars/index.js +0 -169
- package/wizard/index.js +0 -21
package/calendar/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-transition-zoom-in-top-enter-active,.tiny-transition-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.tiny-transition-zoom-in-top-enter,.tiny-transition-zoom-in-top-enter-from,.tiny-transition-zoom-in-top-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}.tiny-calendar{--ti-calendar-bg-color:var(--ti-common-color-light);--ti-calendar-list-item-selected-text-color:var(--ti-common-color-light);--ti-calendar-hover-text-color:var(--ti-base-color-brand-5);--ti-calendar-border-color:var(--ti-common-color-border);--ti-calendar-text-color-primary:var(--ti-base-color-brand-6);--ti-calendar-background-color-primary:rgba(24, 144, 255, 0.1);--ti-calendar-bg-color-success:var(--ti-common-color-success-normal);--ti-calendar-bg-color-warning:var(--ti-common-color-warning-normal);--ti-calendar-bg-color-danger:var(--ti-base-color-bg-8);--ti-calendar-text-color-info:var(--ti-common-color-info-normal);--ti-calendar-tool-width:var(--ti-common-size-width-normal);--ti-calendar-content-heard-font-size:var(--ti-common-font-size-1);--ti-calendar-selected-border-radius:var(--ti-common-radius-large);--ti-calendar-input-height:var(--ti-common-size-height-minor);--ti-calendar-input-border-radius:var(--ti-common-border-radius-normal);--ti-calendar-input-font-size:var(--ti-common-font-size-base);--ti-calendar-list-item-height:var(--ti-common-size-height-
|
|
1
|
+
.tiny-transition-zoom-in-top-enter-active,.tiny-transition-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.tiny-transition-zoom-in-top-enter,.tiny-transition-zoom-in-top-enter-from,.tiny-transition-zoom-in-top-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}.tiny-calendar{--ti-calendar-bg-color:var(--ti-common-color-light);--ti-calendar-list-item-selected-text-color:var(--ti-common-color-light);--ti-calendar-hover-text-color:var(--ti-base-color-brand-5);--ti-calendar-border-color:var(--ti-common-color-border);--ti-calendar-text-color-primary:var(--ti-base-color-brand-6);--ti-calendar-background-color-primary:rgba(24, 144, 255, 0.1);--ti-calendar-bg-color-success:var(--ti-common-color-success-normal);--ti-calendar-bg-color-warning:var(--ti-common-color-warning-normal);--ti-calendar-bg-color-danger:var(--ti-base-color-bg-8);--ti-calendar-text-color-info:var(--ti-common-color-info-normal);--ti-calendar-tool-width:var(--ti-common-size-width-normal);--ti-calendar-content-heard-font-size:var(--ti-common-font-size-1);--ti-calendar-selected-border-radius:var(--ti-common-radius-large);--ti-calendar-input-height:var(--ti-common-size-height-normal);--ti-calendar-selected-border-radius:var(--ti-common-border-radius-normal);--ti-calendar-input-height:var(--ti-common-size-height-minor);--ti-calendar-input-border-radius:var(--ti-common-border-radius-normal);--ti-calendar-input-font-size:var(--ti-common-font-size-base);--ti-calendar-list-item-height:var(--ti-common-size-height-normal);--ti-calendar-list-item-hover-bg-color:var(--ti-common-color-hover-background);--ti-calendar-list-item-selected-bg-color:var(--ti-common-color-selected-background);--ti-calendar-disabled-text-color:var(--ti-common-color-text-disabled);--ti-calendar-disabled-info-bg-color:var(--ti-base-color-bg-5);--ti-calendar-disabled-success-bg-color:var(--ti-base-color-bg-5);--ti-calendar-disabled-warning-bg-color:var(--ti-base-color-bg-5);--ti-calendar-disabled-error-bg-color:var(--ti-base-color-bg-5);background:var(--ti-calendar-bg-color);overflow:hidden;margin:10px}.tiny-calendar.is-popover.tiny-popover.tiny-popper{padding:0;margin:2px 0 0}.tiny-calendar .tiny-calendar__header{overflow:hidden;margin-bottom:12px}.tiny-calendar .tiny-calendar__selected{border:1px solid var(--ti-calendar-text-color-primary);background:var(--ti-calendar-background-color-primary);padding:8px;color:var(--ti-calendar-text-color-info);line-height:140%;border-radius:var(--ti-calendar-selected-border-radius);margin-bottom:8px}.tiny-calendar .tiny-calendar__tool{list-style:none;overflow:hidden;float:right;margin-bottom:8px}.tiny-calendar .tiny-calendar__tool>li{float:left;margin-right:8px}.tiny-calendar .tiny-calendar__tool>li>span{display:inline-block}.tiny-calendar .tiny-calendar__tool>li:last-child{margin-left:16px;margin-right:0}.tiny-calendar .tiny-calendar__input{width:var(--ti-calendar-tool-width);position:relative;outline:0}.tiny-calendar .tiny-calendar__input>input{width:100%;height:var(--ti-calendar-input-height);line-height:var(--ti-calendar-input-height);border:1px solid var(--ti-calendar-border-color);color:var(--ti-calendar-text-color-info);border-radius:var(--ti-calendar-input-border-radius);background:var(--ti-calendar-bg-color);font-size:var(--ti-calendar-input-font-size);padding:0 30px 0 8px;display:block;white-space:nowrap;-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-calendar .tiny-calendar__input>input.active,.tiny-calendar .tiny-calendar__input>input:active,.tiny-calendar .tiny-calendar__input>input:focus,.tiny-calendar .tiny-calendar__input>input:hover,.tiny-calendar .tiny-calendar__input>input[active]{border:1px solid var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__input>input[readonly]{cursor:not-allowed}.tiny-calendar .tiny-calendar__input-btn{bottom:0;right:4px;position:absolute;top:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;font-size:var(--ti-common-font-size-base);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.tiny-calendar .tiny-calendar__input-btn svg{fill:var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__input-btn svg:hover{fill:var(--ti-calendar-hover-text-color)}.tiny-calendar .tiny-calendar__tabs{list-style:none;overflow:hidden}.tiny-calendar .tiny-calendar__tabs>li{position:relative;float:left;width:calc(var(--ti-calendar-tool-width)/ 2);height:var(--ti-calendar-input-height);line-height:var(--ti-calendar-input-height);border:1px solid var(--ti-calendar-border-color);text-align:center;font-size:var(--ti-calendar-input-font-size);font-weight:500;color:var(--ti-calendar-text-color-info);cursor:pointer}.tiny-calendar .tiny-calendar__tabs>li:first-child{border-radius:3px 0 0 3px}.tiny-calendar .tiny-calendar__tabs>li:last-child{margin-left:-1px;border-radius:0 3px 3px 0}.tiny-calendar .tiny-calendar__tabs>li:hover{color:var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__tabs>.active{color:var(--ti-calendar-text-color-primary);border:1px solid var(--ti-calendar-text-color-primary);z-index:1}.tiny-calendar .tiny-calendar__main{width:100%;overflow:hidden}.tiny-calendar .tiny-calendar__main table{width:100%}.tiny-calendar .tiny-calendar__main table>tr>th{line-height:18px;padding:0 10px 5px 10px;font-size:var(--ti-calendar-content-heard-font-size);text-align:right;width:100%/7}.tiny-calendar .tiny-calendar__main table>tr>td{text-align:right;padding:0 5px 0 0}.tiny-calendar .tiny-calendar__main.year table>tr>td{width:100%/3}.tiny-calendar .tiny-calendar__day{border-top:3px solid var(--ti-calendar-border-color);margin:0 3px 5px 3px;height:100px;padding:5px}.tiny-calendar .tiny-calendar__day.selected{background:var(--ti-calendar-background-color-primary)}.tiny-calendar .tiny-calendar__day.selected .label{color:var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__day:hover{background:var(--ti-calendar-background-color-primary)}.tiny-calendar .tiny-calendar__day.disable{color:var(--ti-calendar-disabled-text-color)}.tiny-calendar .tiny-calendar__day.disable .info:before{background:var(--ti-calendar-disabled-info-bg-color)}.tiny-calendar .tiny-calendar__day.disable .success:before{background:var(--ti-calendar-disabled-success-bg-color)}.tiny-calendar .tiny-calendar__day.disable .warning:before{background:var(--ti-calendar-disabled-warning-bg-color)}.tiny-calendar .tiny-calendar__day.disable .error:before{background:var(--ti-calendar-disabled-error-bg-color)}.tiny-calendar .tiny-calendar__day.this-month,.tiny-calendar .tiny-calendar__day.today{border-color:var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__events{text-align:left;height:calc(100% - 18px);overflow-y:auto}.tiny-calendar .tiny-calendar__events .event{margin:5px 10px;cursor:pointer}.tiny-calendar .tiny-calendar__events .event:before{content:'';width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:3px}.tiny-calendar .tiny-calendar__events .info:before{background:var(--ti-calendar-text-color-info)}.tiny-calendar .tiny-calendar__events .success:before{background:var(--ti-calendar-bg-color-success)}.tiny-calendar .tiny-calendar__events .warning:before{background:var(--ti-calendar-bg-color-warning)}.tiny-calendar .tiny-calendar__events .error:before{background:var(--ti-calendar-bg-color-danger)}.tiny-calendar__tip{display:block;min-width:160px}.tiny-calendar__tip-header{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.5);padding:5px 0;font-size:var(--ti-calendar-content-heard-font-size)}.tiny-calendar__tip-year{float:left}.tiny-calendar__tip-hours{float:right}.tiny-calendar__tip-title{margin:5px 0;font-weight:700}.tiny-calendar .tiny-calendar__selector{width:var(--ti-calendar-tool-width);max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-calendar .tiny-calendar__list-item{min-height:var(--ti-calendar-list-item-height);line-height:var(--ti-calendar-list-item-height);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;color:var(--ti-calendar-text-color-info)}.tiny-calendar .tiny-calendar__list-item:hover{cursor:pointer;background:var(--ti-calendar-list-item-hover-bg-color)}.tiny-calendar .tiny-calendar__list-item.is-selected{background:var(--ti-calendar-list-item-selected-bg-color);color:var(--ti-calendar-list-item-selected-text-color)}
|
package/card-item/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-card-item{--ti-card-item-bg-color:var(--ti-common-color-light);--ti-card-item-border-color:#ccc;--ti-card-item-placeholder-bg-color:rgba(0, 0, 0, 0.05);--ti-card-item-placeholder-border-color:rgba(0, 0, 0, 0.2);--ti-card-item-resize-icon-color:rgba(0, 0, 0, 0.5);--ti-card-item-remove-icon-bg-color:rgba(255, 255, 255, 0);--ti-card-item-remove-icon-color:rgba(0, 0, 0, 0.5);--ti-card-item-remove-icon-hover-bg-color:rgba(255, 255, 255, 0.8);--ti-card-item-remove-icon-hover-text-color:rgba(0, 0, 0, 0.7);--ti-card-item-header-font-size:var(--ti-common-font-size-1);--ti-card-item-header-text-color:#444;--ti-card-item-header-height:var(--ti-common-size-10x);--ti-card-item-header-title-border-color:var(--ti-common-color-
|
|
1
|
+
.tiny-card-item{--ti-card-item-bg-color:var(--ti-common-color-light);--ti-card-item-border-color:#ccc;--ti-card-item-placeholder-bg-color:rgba(0, 0, 0, 0.05);--ti-card-item-placeholder-border-color:rgba(0, 0, 0, 0.2);--ti-card-item-resize-icon-color:rgba(0, 0, 0, 0.5);--ti-card-item-remove-icon-bg-color:rgba(255, 255, 255, 0);--ti-card-item-remove-icon-color:rgba(0, 0, 0, 0.5);--ti-card-item-remove-icon-hover-bg-color:rgba(255, 255, 255, 0.8);--ti-card-item-remove-icon-hover-text-color:rgba(0, 0, 0, 0.7);--ti-card-item-header-font-size:var(--ti-common-font-size-1);--ti-card-item-header-text-color:#444;--ti-card-item-header-height:var(--ti-common-size-10x);--ti-card-item-header-title-border-color:var(--ti-common-color-bg-dark-deep);-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-transition-property:left,top,right,-webkit-transform;transition-property:left,top,right,-webkit-transform;transition-property:left,top,right,transform;transition-property:left,top,right,transform,-webkit-transform;background:var(--ti-card-item-bg-color);-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;border:1px solid var(--ti-card-item-border-color);border-radius:0;right:auto;overflow:hidden;margin:6px}.tiny-card-item.resizing{opacity:.6;z-index:3}.tiny-card-item.dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:none;transition:none;z-index:3}.tiny-card-item.placeholder{background:var(--ti-card-item-placeholder-bg-color);border:1px dashed var(--ti-card-item-placeholder-border-color);-webkit-transition-duration:.1s;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tiny-card-item.placeholder .remove,.tiny-card-item.placeholder .resizableIcon{display:none}.tiny-card-item>.resizableIcon{position:absolute;width:6px;height:6px;bottom:2px;right:2px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:se-resize}.tiny-card-item>.resizableIcon:before{position:absolute;content:'';width:6px;height:6px;bottom:2px;right:2px;border-right:1px solid var(--ti-card-item-resize-icon-color);border-bottom:1px solid var(--ti-card-item-resize-icon-color);-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-card-item .remove{position:absolute;width:22px;height:22px;top:0;right:0;padding:0 3px 3px 0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;opacity:.5;background:var(--ti-card-item-remove-icon-bg-color);-webkit-transition:all .5s;transition:all .5s}.tiny-card-item .remove:hover{background:var(--ti-card-item-remove-icon-hover-bg-color)}.tiny-card-item .remove:hover:after,.tiny-card-item .remove:hover:before{background:var(--ti-card-item-remove-icon-hover-text-color)}.tiny-card-item:hover .remove{opacity:1}.tiny-card-item .remove:before{position:absolute;top:10px;right:6px;content:'';background:var(--ti-card-item-remove-icon-color,rgba(0,0,0,.5));height:1px;width:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:background .5s;transition:background .5s}.tiny-card-item .remove:after{position:absolute;top:10px;left:6px;content:'';background:var(--ti-card-item-remove-icon-color,rgba(0,0,0,.5));height:1px;width:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background .5s;transition:background .5s}.tiny-card-item .card-header{font-size:var(--ti-card-item-header-font-size);color:var(--ti-card-item-header-text-color);height:var(--ti-card-item-header-height);line-height:var(--ti-card-item-header-height);width:100%;padding:0 30px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-card-item .card-header>.card-title{height:13px;line-height:13px;border-left:3px solid var(--ti-card-item-header-title-border-color);margin:0 0 0 12px;padding:0 0 0 5px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.tiny-card-item .card-body{height:calc(100% - var(--ti-card-item-header-height));position:relative}.tiny-card-item .card-body:nth-child(1){height:100%}
|
package/card-template/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-card-template{--ti-card-bg-color:var(--ti-common-color-light);--ti-card-tool-icon-size:16px;--ti-card-tool-icon-color:var(--ti-base-color-brand-6);--ti-card-tool-hover-icon-color:var(--ti-base-color-brand-5);--ti-card-tool-active-icon-color:var(--ti-common-color-primary-active);--ti-card-tool-selector-height:var(--ti-common-size-10x);--ti-card-tool-selector-text-color:var(--ti-common-color-info-normal);--ti-card-tool-selector-hover-text-color:var(--ti-base-color-brand-6);--ti-card-tool-selector-hover-bg-color:var(--ti-common-color-selected-background);--ti-card-tool-selector-active-text-color:var(--ti-common-color-primary-active);--ti-card-tool-selector-active-bg-color:var(--ti-common-color-selected-background);--ti-card-header-height:46px;--ti-card-header-border-color:var(--ti-common-color-border);--ti-card-header-title-font-weight:var(--ti-common-font-weight-7);--ti-card-header-title-font-size:var(--ti-common-font-size-1);--ti-card-header-title-text-color:var(--ti-common-color-info-normal);border-radius:0;background-color:var(--ti-card-bg-color);overflow:hidden;position:relative;-webkit-box-shadow:none;box-shadow:none;border:0}.tiny-card-template .tiny-card-template__header{padding:0 24px;height:var(--ti-card-header-height);line-height:var(--ti-card-header-height)}.tiny-card-template .tiny-card-template__header.is-line{border-bottom:1px solid var(--ti-card-header-border-color)}.tiny-card-template .tiny-card-template__title{font-weight:var(--ti-card-header-title-font-weight);font-size:var(--ti-card-header-title-font-size);color:#333;color:var(--ti-card-header-title-text-color);float:left}.tiny-card-template .tiny-card-template__tools:after,.tiny-card-template .tiny-card-template__tools:before{content:'';display:table}.tiny-card-template .tiny-card-template__tools:after{clear:both}.tiny-card-template .tiny-card-template__tools .tiny-icon{font-size:var(--ti-card-tool-icon-size);cursor:pointer}.tiny-card-template .tiny-card-template__list{overflow:hidden;float:right}.tiny-card-template .tiny-card-template__list>li{height:var(--ti-card-header-height);line-height:var(--ti-card-header-height);float:left;font-size:var(--ti-common-font-size-2);margin:0 12px 0 0}.tiny-card-template .tiny-card-template__list>li svg{fill:var(--ti-card-tool-icon-color);cursor:pointer}.tiny-card-template .tiny-card-template__list>li .tiny-icon{color:var(--ti-card-tool-icon-color)}.tiny-card-template .tiny-card-template__list>li .tiny-icon:hover{color:var(--ti-card-tool-hover-icon-color)}.tiny-card-template .tiny-card-template__list>li .tiny-icon:active{color:var(--ti-card-tool-active-icon-color)}.tiny-card-template .tiny-card-template__list>li:last-child{margin:0}.tiny-card-template .tiny-card-template__more{position:absolute;top:calc(var(--ti-card-header-height,45px) - 1 * 1px);right:5px;border:1px solid var(--ti-card-header-border-color);border-radius:2px;-webkit-box-shadow:var(--ti-common-
|
|
1
|
+
.tiny-card-template{--ti-card-bg-color:var(--ti-common-color-light);--ti-card-tool-icon-size:16px;--ti-card-tool-icon-color:var(--ti-base-color-brand-6);--ti-card-tool-hover-icon-color:var(--ti-base-color-brand-5);--ti-card-tool-active-icon-color:var(--ti-common-color-primary-active);--ti-card-tool-selector-height:var(--ti-common-size-10x);--ti-card-tool-selector-text-color:var(--ti-common-color-info-normal);--ti-card-tool-selector-hover-text-color:var(--ti-base-color-brand-6);--ti-card-tool-selector-hover-bg-color:var(--ti-common-color-selected-background);--ti-card-tool-selector-active-text-color:var(--ti-common-color-primary-active);--ti-card-tool-selector-active-bg-color:var(--ti-common-color-selected-background);--ti-card-header-height:46px;--ti-card-header-border-color:var(--ti-common-color-border);--ti-card-header-title-font-weight:var(--ti-common-font-weight-7);--ti-card-header-title-font-size:var(--ti-common-font-size-1);--ti-card-header-title-text-color:var(--ti-common-color-info-normal);border-radius:0;background-color:var(--ti-card-bg-color);overflow:hidden;position:relative;-webkit-box-shadow:none;box-shadow:none;border:0}.tiny-card-template .tiny-card-template__header{padding:0 24px;height:var(--ti-card-header-height);line-height:var(--ti-card-header-height)}.tiny-card-template .tiny-card-template__header.is-line{border-bottom:1px solid var(--ti-card-header-border-color)}.tiny-card-template .tiny-card-template__title{font-weight:var(--ti-card-header-title-font-weight);font-size:var(--ti-card-header-title-font-size);color:#333;color:var(--ti-card-header-title-text-color);float:left}.tiny-card-template .tiny-card-template__tools:after,.tiny-card-template .tiny-card-template__tools:before{content:'';display:table}.tiny-card-template .tiny-card-template__tools:after{clear:both}.tiny-card-template .tiny-card-template__tools .tiny-icon{font-size:var(--ti-card-tool-icon-size);cursor:pointer}.tiny-card-template .tiny-card-template__list{overflow:hidden;float:right}.tiny-card-template .tiny-card-template__list>li{height:var(--ti-card-header-height);line-height:var(--ti-card-header-height);float:left;font-size:var(--ti-common-font-size-2);margin:0 12px 0 0}.tiny-card-template .tiny-card-template__list>li svg{fill:var(--ti-card-tool-icon-color);cursor:pointer}.tiny-card-template .tiny-card-template__list>li .tiny-icon{color:var(--ti-card-tool-icon-color)}.tiny-card-template .tiny-card-template__list>li .tiny-icon:hover{color:var(--ti-card-tool-hover-icon-color)}.tiny-card-template .tiny-card-template__list>li .tiny-icon:active{color:var(--ti-card-tool-active-icon-color)}.tiny-card-template .tiny-card-template__list>li:last-child{margin:0}.tiny-card-template .tiny-card-template__more{position:absolute;top:calc(var(--ti-card-header-height,45px) - 1 * 1px);right:5px;border:1px solid var(--ti-card-header-border-color);border-radius:2px;-webkit-box-shadow:var(--ti-common-shadow-2-down);box-shadow:var(--ti-common-shadow-2-down);background:var(--ti-card-bg-color);color:#333;color:var(--ti-card-tool-selector-text-color);margin-top:2px}.tiny-card-template .tiny-card-template__more:before{content:'';position:absolute;display:block;top:-5px;right:21px;width:0;height:0;border-style:solid;border-width:6px;border-color:#fff #fff transparent transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-box-shadow:1px -1px 1px rgba(0,0,0,.2);box-shadow:1px -1px 1px rgba(0,0,0,.2)}.tiny-card-template .tiny-card-template__more>ul>li{height:var(--ti-card-tool-selector-height);line-height:var(--ti-card-tool-selector-height);padding:0 18px;color:var(--ti-card-tool-selector-text-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-card-template .tiny-card-template__more>ul>li .tiny-icon{color:var(--ti-card-tool-icon-color);margin-right:10px}.tiny-card-template .tiny-card-template__more>ul>li svg{font-size:var(--ti-common-font-size-2)}.tiny-card-template .tiny-card-template__more>ul>li:hover{cursor:pointer;color:var(--ti-card-tool-selector-hover-text-color);background:var(--ti-card-tool-selector-hover-bg-color)}.tiny-card-template .tiny-card-template__more>ul>li:hover .tiny-icon{color:var(--ti-card-tool-hover-icon-color)}.tiny-card-template .tiny-card-template__more>ul>li:active{color:var(--ti-card-tool-selector-active-text-color);background:var(--ti-card-tool-selector-active-bg-color)}.tiny-card-template .tiny-card-template__more>ul>li:active .tiny-icon{color:var(--ti-card-tool-active-icon-color)}.tiny-card-template .tiny-card-template__body{padding:12px 24px 24px}
|
package/carousel/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-transition-carousel-arrow-left-enter,.tiny-transition-carousel-arrow-left-enter-from,.tiny-transition-carousel-arrow-left-leave-to{opacity:0;left:0}.tiny-transition-carousel-arrow-left-enter-active{-webkit-animation:animation-left .3s;animation:animation-left .3s}.tiny-transition-carousel-arrow-left-leave-active{animation:animation-left .3s reverse}.tiny-transition-carousel-arrow-right-enter,.tiny-transition-carousel-arrow-right-enter-from,.tiny-transition-carousel-arrow-right-leave-to{opacity:0;right:0}.tiny-transition-carousel-arrow-right-enter-active{-webkit-animation:animation-right .3s;animation:animation-right .3s}.tiny-transition-carousel-arrow-right-leave-active{animation:animation-right .3s reverse}@-webkit-keyframes animation-right{0%{opacity:0;right:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:16px}}@keyframes animation-right{0%{opacity:0;right:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:16px}}@-webkit-keyframes animation-left{0%{opacity:0;left:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:16px}}@keyframes animation-left{0%{opacity:0;left:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:16px}}.tiny-carousel{--ti-carousel-arrow-height:var(--ti-common-size-height-
|
|
1
|
+
.tiny-transition-carousel-arrow-left-enter,.tiny-transition-carousel-arrow-left-enter-from,.tiny-transition-carousel-arrow-left-leave-to{opacity:0;left:0}.tiny-transition-carousel-arrow-left-enter-active{-webkit-animation:animation-left .3s;animation:animation-left .3s}.tiny-transition-carousel-arrow-left-leave-active{animation:animation-left .3s reverse}.tiny-transition-carousel-arrow-right-enter,.tiny-transition-carousel-arrow-right-enter-from,.tiny-transition-carousel-arrow-right-leave-to{opacity:0;right:0}.tiny-transition-carousel-arrow-right-enter-active{-webkit-animation:animation-right .3s;animation:animation-right .3s}.tiny-transition-carousel-arrow-right-leave-active{animation:animation-right .3s reverse}@-webkit-keyframes animation-right{0%{opacity:0;right:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:16px}}@keyframes animation-right{0%{opacity:0;right:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:16px}}@-webkit-keyframes animation-left{0%{opacity:0;left:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:16px}}@keyframes animation-left{0%{opacity:0;left:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:16px}}.tiny-carousel{--ti-carousel-arrow-height:var(--ti-common-size-height-normal);--ti-carousel-arrow-width:var(--ti-common-size-width-minor);--ti-carousel-arrow-font-size:var(--ti-common-font-size-base);--ti-carousel-arrow-hover-bg-color:rgba(0, 0, 0, 0.6);--ti-carousel-arrow-bg-color:rgba(0, 0, 0, 0.3);--ti-carousel-arrow-box-shadow:var(--ti-common-shadow-none);--ti-carousel-arrow-active-text-color:var(--ti-common-color-light);--ti-carousel-indicators-bg-color:rgba(3, 2, 2, 0.3);--ti-carousel-indicators-border-radius:13px;--ti-carousel-indicators-height:var(--ti-common-size-4x);--ti-carousel-indicators-radius-bg-color:rgba(0, 0, 0, 0.3);--ti-carousel-indicator-active-text-color:var(--ti-common-color-light);--ti-carousel-indicator-button-width:var(--ti-common-size-2x);--ti-carousel-indicator-button-height:var(--ti-common-size-2x);--ti-carousel-indicator-button-bg-color:var(--ti-common-color-info-disabled);--ti-carousel-indicator-margin-right:var(--ti-common-space-0);--ti-carousel-indicator-active-width:var(--ti-common-size-3x);--ti-carousel-indicator-padding-vertical:var(--ti-common-space-0);--ti-carousel-indicator-padding-horizontal:calc(var(--ti-common-space-1) * 2);--ti-carousel-indicator-active-transition-property:none;--ti-carousel-indicator-active-background-color:var(--ti-base-color-transparent);--ti-carousel-indicator-active-button-width:var(--ti-carousel-indicator-button-width);--ti-carousel-indicator-active-border-radius:var(--ti-carousel-indicators-border-radius);--ti-carousel-indicator-active-transition:none;--ti-carousel-outside-button-bg-color:var(--ti-common-color-dark);--ti-carousel-outside-button-active-bg-color:var(--ti-common-color-bg-dark-deep);--ti-carousel-labels-button-font-size:var(--ti-common-font-size-base);--ti-carousel-hover-opacity:0.6;overflow:hidden;position:relative}.tiny-carousel.tiny-carousel--card .tiny-carousel__indicators{display:none}.tiny-carousel__container{position:relative;height:300px}.tiny-carousel__container .tiny-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:var(--ti-carousel-arrow-height);width:var(--ti-carousel-arrow-width);cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;-webkit-box-shadow:var(--ti-carousel-arrow-box-shadow);box-shadow:var(--ti-carousel-arrow-box-shadow);background-color:var(--ti-carousel-arrow-bg-color);color:var(--ti-carousel-indicator-active-text-color);position:absolute;top:50%;z-index:3;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:var(--ti-carousel-arrow-font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-carousel__container .tiny-carousel__arrow .tiny-svg{fill:var(--ti-carousel-indicator-active-text-color)}.tiny-carousel__container .tiny-carousel__arrow.tiny-carousel__arrow-left{left:16px}.tiny-carousel__container .tiny-carousel__arrow.tiny-carousel__arrow-right{right:16px}.tiny-carousel__container .tiny-carousel__arrow:hover{background-color:var(--ti-carousel-arrow-hover-bg-color)}.tiny-carousel__container .tiny-carousel__arrow i{cursor:pointer}.tiny-carousel .tiny-carousel__indicators{position:absolute;list-style:none;bottom:8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0 4px;z-index:2;background:var(--ti-carousel-indicators-bg-color);border-radius:var(--ti-carousel-indicators-border-radius);height:var(--ti-carousel-indicators-height)}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator{display:inline-block;background-color:transparent;padding:var(--ti-carousel-indicator-padding-vertical) var(--ti-carousel-indicator-padding-horizontal);margin-right:var(--ti-carousel-indicator-margin-right);cursor:pointer}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator:hover button{opacity:var(--ti-carousel-hover-opacity)}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator.is-active{width:var(--ti-carousel-indicator-active-width);background-color:var(--ti-carousel-indicator-active-background-color);border-radius:var(--ti-carousel-indicator-active-border-radius);-webkit-transition:var(--ti-carousel-indicator-active-transition);transition:var(--ti-carousel-indicator-active-transition)}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator.is-active button{-webkit-transition-property:var(--ti-carousel-indicator-active-transition-property);transition-property:var(--ti-carousel-indicator-active-transition-property);-webkit-transition-timing-function:cubic-bezier(.16,.75,.5,1);transition-timing-function:cubic-bezier(.16,.75,.5,1);border-radius:var(--ti-carousel-indicator-active-border-radius);background-color:var(--ti-carousel-indicator-active-text-color);width:var(--ti-carousel-indicator-active-button-width)}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator .tiny-carousel__button{display:block;width:var(--ti-carousel-indicator-button-width);height:var(--ti-carousel-indicator-button-height);background-color:var(--ti-carousel-indicator-button-bg-color);border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__button._radius{height:8px;width:8px;border-radius:50%;background-color:var(--ti-carousel-indicators-radius-bg-color)}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none;margin-top:16px;background:0 0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside button{background-color:var(--ti-carousel-outside-button-bg-color)}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside .tiny-carousel__indicator:hover button{opacity:.6}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside .tiny-carousel__indicator.is-active button{background-color:var(--ti-carousel-outside-button-active-bg-color)}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-labels .tiny-carousel__button{padding:2px 18px;font-size:var(--ti-carousel-labels-button-font-size)}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-labels .tiny-carousel__indicator{padding:6px 4px}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-title{left:auto;right:12px;bottom:3px;-webkit-transform:none;transform:none;background:0 0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical{left:12px;right:0;bottom:50%;width:16px;height:56px;-webkit-transform:translateY(50%);transform:translateY(50%);padding:2px 4px}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical .tiny-carousel__indicator{display:block;margin:4px 0;padding:0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical .tiny-carousel__indicator:first-child{padding-left:0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical .tiny-carousel__indicator:last-child{padding-right:0}.tiny-carousel .tiny-carousel__indicators:not(.tiny-carousel__indicators-vertical){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}
|
package/cascader/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-cascader{--ti-cascader-font-size:var(--ti-common-font-size-1);--ti-cascader-hover-border-color:var(--ti-base-color-common-5);--ti-cascader-focus-border-color:var(--ti-base-color-brand-6);--ti-cascader-border-radius:var(--ti-common-border-radius-1);--ti-cascader-icon-color:#909399;--ti-cascader-medium-font-size:var(--ti-common-font-size-1);--ti-cascader-medium-line-height:36px;--ti-cascader-small-line-height:32px;--ti-cascader-mini-line-height:28px;--ti-cascader-small-font-size:13px;--ti-cascader-mini-font-size:var(--ti-common-font-size-base, 12px);--ti-cascader-disabled-text-color:#c0c4cc;--ti-cascader-dropdown-bg-color:var(--ti-common-color-light);--ti-cascader-dropdown-border-color:#e4e7ed;--ti-cascader-tag-bg-color:#f0f2f5;--ti-cascader-tag-icon-bg-color:#c0c4cc;--ti-cascader-tag-icon-color:var(--ti-common-color-light);--ti-cascader-tag-icon-hover-bg-color:#909399;--ti-cascader-list-text-color:#606266;--ti-cascader-item-height:var(--ti-common-size-height-minor);--ti-cascader-item-hover-bg-color:#f5f7fa;--ti-cascader-item-checked-text-color:var(--ti-base-color-brand-5);--ti-cascader-empty-text-color:#c0c4cc;--ti-cascader-search-input-text-color:var(--ti-common-color-info-normal);--ti-cascader-search-input-placeholder-text-color:var(--ti-common-color-placeholder);--ti-cascader-dropdown-box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.1);--ti-cascader-width:'100%';display:inline-block;position:relative;font-size:var(--ti-cascader-font-size)}.tiny-cascader:not(.is-disabled):hover .tiny-input__inner{cursor:pointer;border-color:var(--ti-cascader-hover-border-color)}.tiny-cascader .tiny-input{cursor:pointer}.tiny-cascader .tiny-input .tiny-input__inner{text-overflow:ellipsis}.tiny-cascader .tiny-input .tiny-input__inner:focus{border-color:var(--ti-cascader-focus-border-color)}.tiny-cascader .tiny-input.is-focus .tiny-input__inner{border-color:var(--ti-cascader-focus-border-color)}.tiny-cascader .tiny-input .tiny-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:var(--ti-cascader-font-size)}.tiny-cascader .tiny-input .tiny-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.tiny-cascader .tiny-input .tiny-icon-circle-close:hover{color:var(--ti-cascader-icon-color)}.tiny-cascader--medium{font-size:var(--ti-cascader-medium-font-size);line-height:var(--ti-cascader-medium-line-height)}.tiny-cascader--small{font-size:var(--ti-cascader-small-font-size);line-height:var(--ti-cascader-small-line-height)}.tiny-cascader--mini{font-size:var(--ti-cascader-mini-font-size);line-height:var(--ti-cascader-mini-line-height)}.tiny-cascader.is-disabled .tiny-cascader__label{z-index:2;color:var(--ti-cascader-disabled-text-color)}.tiny-cascader__dropdown{--ti-cascader-font-size:var(--ti-common-font-size-1);--ti-cascader-hover-border-color:var(--ti-base-color-common-5);--ti-cascader-focus-border-color:var(--ti-base-color-brand-6);--ti-cascader-border-radius:var(--ti-common-border-radius-1);--ti-cascader-icon-color:#909399;--ti-cascader-medium-font-size:var(--ti-common-font-size-1);--ti-cascader-medium-line-height:36px;--ti-cascader-small-line-height:32px;--ti-cascader-mini-line-height:28px;--ti-cascader-small-font-size:13px;--ti-cascader-mini-font-size:var(--ti-common-font-size-base, 12px);--ti-cascader-disabled-text-color:#c0c4cc;--ti-cascader-dropdown-bg-color:var(--ti-common-color-light);--ti-cascader-dropdown-border-color:#e4e7ed;--ti-cascader-tag-bg-color:#f0f2f5;--ti-cascader-tag-icon-bg-color:#c0c4cc;--ti-cascader-tag-icon-color:var(--ti-common-color-light);--ti-cascader-tag-icon-hover-bg-color:#909399;--ti-cascader-list-text-color:#606266;--ti-cascader-item-height:var(--ti-common-size-height-minor);--ti-cascader-item-hover-bg-color:#f5f7fa;--ti-cascader-item-checked-text-color:var(--ti-base-color-brand-5);--ti-cascader-empty-text-color:#c0c4cc;--ti-cascader-search-input-text-color:var(--ti-common-color-info-normal);--ti-cascader-search-input-placeholder-text-color:var(--ti-common-color-placeholder);--ti-cascader-dropdown-box-shadow:0 2px 12px 0 rgba(0, 0, 0, 0.1);--ti-cascader-width:'100%';margin:5px 0;font-size:var(--ti-cascader-font-size);background:var(--ti-cascader-dropdown-bg-color);border:1px solid var(--ti-cascader-dropdown-border-color);border-radius:var(--ti-cascader-border-radius);-webkit-box-shadow:var(--ti-cascader-dropdown-box-shadow);box-shadow:var(--ti-cascader-dropdown-box-shadow)}.tiny-cascader__dropdown.is-auto-size{background:0 0;border:none;-webkit-box-shadow:none;box-shadow:none}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-panel{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu{border:1px solid #e4e7ed;background:#fff}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu:not(:first-child){margin-left:-1px}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu .tiny-cascader-menu__wrap{height:auto;padding-bottom:6px;max-height:220px}.tiny-cascader__tags{position:absolute;left:0;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:normal;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-cascader__tags .tiny-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;margin:2px 0 2px 6px;text-overflow:ellipsis;background:var(--ti-cascader-tag-bg-color)}.tiny-cascader__tags .tiny-tag:not(.is-hit){border-color:transparent}.tiny-cascader__tags .tiny-tag>span{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader__tags .tiny-tag>span{-ms-flex-preferred-size:auto;flex-basis:auto}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader__tags .tiny-tag .tiny-tag__close{-ms-flex-negative:0;flex-shrink:0}}.tiny-cascader__tags .tiny-tag .tiny-icon-close{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--ti-cascader-tag-icon-bg-color);color:var(--ti-cascader-tag-icon-color)}.tiny-cascader__tags .tiny-tag .tiny-icon-close:hover{background-color:var(--ti-cascader-tag-icon-hover-bg-color)}.tiny-cascader__suggestion-panel{border-radius:var(--ti-cascader-border-radius)}.tiny-cascader__suggestion-list{max-height:204px;margin:0;padding:6px 0;font-size:var(--ti-cascader-font-size);color:var(--ti-cascader-list-text-color);text-align:center}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--ti-cascader-item-height);padding:0 8px;font-size:var(--ti-common-font-size-base);color:var(--ti-cascader-search-input-text-color);text-align:left;outline:0;cursor:pointer}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item:focus,.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item:hover{background:var(--ti-cascader-item-hover-bg-color)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item.is-checked{color:var(--ti-cascader-item-checked-text-color);font-weight:700}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item.is-checked .icon-check{fill:var(--ti-cascader-item-checked-text-color)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item>span{margin-right:10px}.tiny-cascader__empty-text{margin:10px 0;color:var(--ti-cascader-empty-text-color)}.tiny-cascader__search-input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;min-width:60px;margin-left:2px;padding-left:8px;color:var(--ti-cascader-search-input-text-color);font-size:var(--ti-common-font-size-base);border:none;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-cascader__search-input::-moz-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color);opacity:1}.tiny-cascader__search-input:-ms-input-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader__search-input::-webkit-input-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader__search-input::-ms-input-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader__search-input::placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader-multiple{width:var(--ti-cascader-width)}
|
|
1
|
+
.tiny-cascader{--ti-cascader-font-size:var(--ti-common-font-size-1);--ti-cascader-hover-border-color:var(--ti-common-color-line-hover);--ti-cascader-focus-border-color:var(--ti-common-color-line-active);--ti-cascader-border-radius:var(--ti-common-border-radius-1);--ti-cascader-icon-color:var(--ti-common-color-icon-graybg-normal);--ti-cascader-medium-font-size:var(--ti-common-font-size-1);--ti-cascader-medium-line-height:36px;--ti-cascader-small-line-height:32px;--ti-cascader-mini-line-height:28px;--ti-cascader-small-font-size:var(--ti-common-font-size-bas);--ti-cascader-mini-font-size:var(--ti-common-font-size-base);--ti-cascader-disabled-text-color:var(--ti-common-color-text-disabled);--ti-cascader-dropdown-bg-color:var(--ti-common-color-bg-white-normal);--ti-cascader-tag-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-cascader-tag-icon-bg-color:var(--ti-common-color-icon-graybg-disabled);--ti-cascader-tag-icon-color:var(--ti-common-color-icon-white);--ti-cascader-tag-icon-hover-bg-color:var(--ti-common-color-icon-graybg-normal);--ti-cascader-list-text-color:var(--ti-common-color-text-secondary);--ti-cascader-item-height:var(--ti-common-size-height-normal);--ti-cascader-item-hover-bg-color:#f5f7fa;--ti-cascader-item-checked-text-color:var(--ti-base-color-primary-active);--ti-cascader-empty-text-color:var(--ti-common-color-text-weaken);--ti-cascader-search-input-text-color:var(--ti-common-color-info-normal);--ti-cascader-search-input-placeholder-text-color:var(--ti-common-color-placeholder);--ti-cascader-dropdown-box-shadow:var(--ti-common-box-shadow);--ti-cascader-width:'100%';--ti-cascader-dropdown-margin-left:var(--ti-common-space-0);--ti-cascader-dropdown-margin-right:var(--ti-common-space-0);--ti-cascader-dropdown-margin-top:calc(var(--ti-common-space-6) - 1px);--ti-cascader-dropdown-margin-bottom:calc(var(--ti-common-space-6) - 1px);--ti-cascader-tag-margin-left:var(--ti-common-space-6);--ti-cascader-tag-margin-right:var(--ti-common-space-0);--ti-cascader-tag-margin-top:calc(var(--ti-common-space-1) + 1px);--ti-cascader-tag-margin-bottom:calc(var(--ti-common-space-1) + 1px);--ti-cascader-list-margin-left:var(--ti-common-space-0);--ti-cascader-list-margin-right:var(--ti-common-space-0);--ti-cascader-list-margin-top:var(--ti-common-space-0);--ti-cascader-list-margin-bottom:var(--ti-common-space-0);--ti-cascader-list-padding-left:var(--ti-common-space-0);--ti-cascader-list-padding-right:var(--ti-common-space-0);--ti-cascader-list-padding-top:var(--ti-common-space-6);--ti-cascader-list-padding-bottom:var(--ti-common-space-6);--ti-cascader-empty-margin-left:var(--ti-common-space-0);--ti-cascader-empty-margin-right:var(--ti-common-space-0);--ti-cascader-empty-margin-top:var(--ti-common-space-10);--ti-cascader-empty-margin-bottom:var(--ti-common-space-10);--ti-cascader-search-input-margin-left:calc(var(--ti-common-space-1) + 1px);--ti-cascader-search-input-padding-left:var(--ti-common-space-2x);--ti-cascader-item-font-size:var(--ti-common-font-size-base);--ti-cascader-search-input-font-size:var(--ti-common-font-size-base);display:inline-block;position:relative;font-size:var(--ti-cascader-font-size)}.tiny-cascader:not(.is-disabled):hover .tiny-input__inner{cursor:pointer;border-color:var(--ti-cascader-hover-border-color)}.tiny-cascader .tiny-input{cursor:pointer}.tiny-cascader .tiny-input .tiny-input__inner{text-overflow:ellipsis}.tiny-cascader .tiny-input .tiny-input__inner:focus{border-color:var(--ti-cascader-focus-border-color)}.tiny-cascader .tiny-input.is-focus .tiny-input__inner{border-color:var(--ti-cascader-focus-border-color)}.tiny-cascader .tiny-input .tiny-icon-arrow-down{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;font-size:var(--ti-cascader-font-size)}.tiny-cascader .tiny-input .tiny-icon-arrow-down.is-reverse{-webkit-transform:rotateZ(180deg);transform:rotateZ(180deg)}.tiny-cascader .tiny-input .tiny-icon-circle-close:hover{color:var(--ti-cascader-icon-color)}.tiny-cascader--medium{font-size:var(--ti-cascader-medium-font-size);line-height:var(--ti-cascader-medium-line-height)}.tiny-cascader--small{font-size:var(--ti-cascader-small-font-size);line-height:var(--ti-cascader-small-line-height)}.tiny-cascader--mini{font-size:var(--ti-cascader-mini-font-size);line-height:var(--ti-cascader-mini-line-height)}.tiny-cascader.is-disabled .tiny-cascader__label{z-index:2;color:var(--ti-cascader-disabled-text-color)}.tiny-cascader__dropdown{--ti-cascader-font-size:var(--ti-common-font-size-1);--ti-cascader-hover-border-color:var(--ti-common-color-line-hover);--ti-cascader-focus-border-color:var(--ti-common-color-line-active);--ti-cascader-border-radius:var(--ti-common-border-radius-1);--ti-cascader-icon-color:var(--ti-common-color-icon-graybg-normal);--ti-cascader-medium-font-size:var(--ti-common-font-size-1);--ti-cascader-medium-line-height:36px;--ti-cascader-small-line-height:32px;--ti-cascader-mini-line-height:28px;--ti-cascader-small-font-size:var(--ti-common-font-size-bas);--ti-cascader-mini-font-size:var(--ti-common-font-size-base);--ti-cascader-disabled-text-color:var(--ti-common-color-text-disabled);--ti-cascader-dropdown-bg-color:var(--ti-common-color-bg-white-normal);--ti-cascader-tag-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-cascader-tag-icon-bg-color:var(--ti-common-color-icon-graybg-disabled);--ti-cascader-tag-icon-color:var(--ti-common-color-icon-white);--ti-cascader-tag-icon-hover-bg-color:var(--ti-common-color-icon-graybg-normal);--ti-cascader-list-text-color:var(--ti-common-color-text-secondary);--ti-cascader-item-height:var(--ti-common-size-height-normal);--ti-cascader-item-hover-bg-color:#f5f7fa;--ti-cascader-item-checked-text-color:var(--ti-base-color-primary-active);--ti-cascader-empty-text-color:var(--ti-common-color-text-weaken);--ti-cascader-search-input-text-color:var(--ti-common-color-info-normal);--ti-cascader-search-input-placeholder-text-color:var(--ti-common-color-placeholder);--ti-cascader-dropdown-box-shadow:var(--ti-common-box-shadow);--ti-cascader-width:'100%';--ti-cascader-dropdown-margin-left:var(--ti-common-space-0);--ti-cascader-dropdown-margin-right:var(--ti-common-space-0);--ti-cascader-dropdown-margin-top:calc(var(--ti-common-space-6) - 1px);--ti-cascader-dropdown-margin-bottom:calc(var(--ti-common-space-6) - 1px);--ti-cascader-tag-margin-left:var(--ti-common-space-6);--ti-cascader-tag-margin-right:var(--ti-common-space-0);--ti-cascader-tag-margin-top:calc(var(--ti-common-space-1) + 1px);--ti-cascader-tag-margin-bottom:calc(var(--ti-common-space-1) + 1px);--ti-cascader-list-margin-left:var(--ti-common-space-0);--ti-cascader-list-margin-right:var(--ti-common-space-0);--ti-cascader-list-margin-top:var(--ti-common-space-0);--ti-cascader-list-margin-bottom:var(--ti-common-space-0);--ti-cascader-list-padding-left:var(--ti-common-space-0);--ti-cascader-list-padding-right:var(--ti-common-space-0);--ti-cascader-list-padding-top:var(--ti-common-space-6);--ti-cascader-list-padding-bottom:var(--ti-common-space-6);--ti-cascader-empty-margin-left:var(--ti-common-space-0);--ti-cascader-empty-margin-right:var(--ti-common-space-0);--ti-cascader-empty-margin-top:var(--ti-common-space-10);--ti-cascader-empty-margin-bottom:var(--ti-common-space-10);--ti-cascader-search-input-margin-left:calc(var(--ti-common-space-1) + 1px);--ti-cascader-search-input-padding-left:var(--ti-common-space-2x);--ti-cascader-item-font-size:var(--ti-common-font-size-base);--ti-cascader-search-input-font-size:var(--ti-common-font-size-base);margin-left:var(--ti-cascader-dropdown-margin-left);margin-right:var(--ti-cascader-dropdown-margin-right);margin-top:var(--ti-cascader-dropdown-margin-top);margin-bottom:var(--ti-cascader-dropdown-margin-bottom);font-size:var(--ti-cascader-font-size);background:var(--ti-cascader-dropdown-bg-color);border-radius:var(--ti-cascader-border-radius);-webkit-box-shadow:var(--ti-cascader-dropdown-box-shadow);box-shadow:var(--ti-cascader-dropdown-box-shadow)}.tiny-cascader__dropdown.is-auto-size{background:0 0;border:none;-webkit-box-shadow:none;box-shadow:none}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-panel{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu{border:1px solid #e4e7ed;background:#fff}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu:not(:first-child){margin-left:-1px}.tiny-cascader__dropdown.is-auto-size .tiny-cascader-menu .tiny-cascader-menu__wrap{height:auto;padding-bottom:6px;max-height:220px}.tiny-cascader__tags{position:absolute;left:0;right:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:normal;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-cascader__tags .tiny-tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;margin-left:var(--ti-cascader-tag-margin-left);margin-right:var(--ti-cascader-tag-margin-right);margin-top:var(--ti-cascader-tag-margin-top);margin-bottom:var(--ti-cascader-tag-margin-bottom);text-overflow:ellipsis;background:var(--ti-cascader-tag-bg-color)}.tiny-cascader__tags .tiny-tag:not(.is-hit){border-color:transparent}.tiny-cascader__tags .tiny-tag>span{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;text-overflow:ellipsis}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader__tags .tiny-tag>span{-ms-flex-preferred-size:auto;flex-basis:auto}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader__tags .tiny-tag .tiny-tag__close{-ms-flex-negative:0;flex-shrink:0}}.tiny-cascader__tags .tiny-tag .tiny-icon-close{-webkit-box-flex:0;-ms-flex:none;flex:none;background-color:var(--ti-cascader-tag-icon-bg-color);color:var(--ti-cascader-tag-icon-color)}.tiny-cascader__tags .tiny-tag .tiny-icon-close:hover{background-color:var(--ti-cascader-tag-icon-hover-bg-color)}.tiny-cascader__suggestion-panel{border-radius:var(--ti-cascader-border-radius)}.tiny-cascader__suggestion-list{max-height:204px;margin-left:var(--ti-cascader-list-margin-left);margin-right:var(--ti-cascader-list-margin-right);margin-top:var(--ti-cascader-list-margin-top);margin-bottom:var(--ti-cascader-list-margin-bottom);padding-left:var(--ti-cascader-list-padding-left);padding-right:var(--ti-cascader-list-padding-right);padding-top:var(--ti-cascader-list-padding-top);padding-bottom:var(--ti-cascader-list-padding-bottom);font-size:var(--ti-cascader-font-size);color:var(--ti-cascader-list-text-color);text-align:center}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--ti-cascader-item-height);padding:0 8px;font-size:var(--ti-cascader-item-font-size);color:var(--ti-cascader-search-input-text-color);text-align:left;outline:0;cursor:pointer}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item:focus,.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item:hover{background:var(--ti-cascader-item-hover-bg-color)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item.is-checked{color:var(--ti-cascader-item-checked-text-color);font-weight:700}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item.is-checked .icon-check{fill:var(--ti-cascader-item-checked-text-color)}.tiny-cascader__suggestion-panel .tiny-cascader__suggestion-item>span{margin-right:10px}.tiny-cascader__empty-text{margin-left:var(--ti-cascader-empty-margin-left);margin-right:var(--ti-cascader-empty-margin-right);margin-top:var(--ti-cascader-empty-margin-top);margin-bottom:var(--ti-cascader-empty-margin-bottom);color:var(--ti-cascader-empty-text-color)}.tiny-cascader__search-input{-webkit-box-flex:1;-ms-flex:1;flex:1;height:24px;min-width:60px;margin-left:var(--ti-cascader-search-input-margin-left);padding-left:var(--ti-cascader-search-input-padding-left);color:var(--ti-cascader-search-input-text-color);font-size:var(--ti-cascader-search-input-font-size);border:none;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-cascader__search-input::-moz-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color);opacity:1}.tiny-cascader__search-input:-ms-input-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader__search-input::-webkit-input-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader__search-input::-ms-input-placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader__search-input::placeholder{color:var(--ti-cascader-search-input-placeholder-text-color)}.tiny-cascader-multiple{width:var(--ti-cascader-width)}
|
package/cascader-menu/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-cascader-menu{--ti-cascader-menu-text-color:var(--ti-common-color-
|
|
1
|
+
.tiny-cascader-menu{--ti-cascader-menu-text-color:var(--ti-common-color-text-primary);--ti-cascader-menu-border-color:var(--ti-common-color-line-disabled);--ti-cascader-menu-empty-text-color:var(--ti-common-color-text-weaken);--ti-cascader-menu-list-padding-vertical:var(--ti-common-space-0);--ti-cascader-menu-list-padding-horizontal:var(--ti-common-space-0);--ti-cascader-menu-width:180px;min-width:var(--ti-cascader-menu-width);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--ti-cascader-menu-text-color);border-right:solid 1px var(--ti-cascader-menu-border-color)}.tiny-cascader-menu:last-child{border-right:none}.tiny-cascader-menu:last-child .tiny-cascader-node{padding-right:20px}.tiny-cascader-menu .tiny-cascader-menu__wrap{height:204px}.tiny-cascader-menu .tiny-cascader-menu__list{position:relative;min-height:100%;margin:var(--ti-cascader-menu-list-margin-vertical) var(--ti-cascader-menu-list-margin-horizontal);list-style:none;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--ti-cascader-menu-list-padding-vertical) var(--ti-cascader-menu-list-padding-horizontal)}.tiny-cascader-menu__hover-zone{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.tiny-cascader-menu__empty-text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;color:var(--ti-cascader-menu-empty-text-color)}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export const tinyCascaderNodeAuroraTheme = {
|
|
2
|
+
'ti-cascader-node-selectable-hover-bg-color': '#e6f7ff',
|
|
3
|
+
'ti-cascader-node-selectable-active-bg-color': '#f5f5f5',
|
|
4
|
+
'ti-cascader-node-hover-bg-color': '#e6f7ff',
|
|
5
|
+
'ti-cascader-node-hover-text-color': '#333',
|
|
6
|
+
'ti-cascader-node-icon-color': '#bfbfbf'
|
|
7
|
+
// 'ti-cascader-menu-border-color': '#e4e7ed'
|
|
8
|
+
}
|
package/cascader-node/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-cascader-node{--ti-cascader-node-hover-bg-color:var(--ti-
|
|
1
|
+
.tiny-cascader-node{--ti-cascader-node-hover-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-cascader-node-hover-text-color:var(--ti-common-color-text-highlight);--ti-cascader-node-text-color:var(--ti-common-color-text-white);--ti-cascader-node-selectable-hover-bg-color:var(--ti-common-color-selected-background);--ti-cascader-node-selectable-text-color:var(--ti-common-color-selected-text-color);--ti-cascader-node-disabled-text-color:var(--ti-common-color-text-disabled);--ti-cascader-node-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-cascader-node-icon-font-size:var(--ti-common-font-size-1);--ti-cascader-node-icon-color:var(--ti-common-color-icon-normal);--ti-cascader-node-prefix-display:'inline-block';--ti-cascader-node-label-padding-vertical:var(--ti-common-space-0);--ti-cascader-node-label-padding-horizontal:var(--ti-common-space-10);--ti-cascader-node-radio-margin-right:var(--ti-common-space-base);--ti-cascader-node-selectable-active-bg-color:var(--ti-common-color-selected-background)}.tiny-cascader-node.is-selectable.in-active-path{color:var(--ti-cascader-node-text-color)}.tiny-cascader-node.in-active-path,.tiny-cascader-node.is-active{background:var(--ti-cascader-node-selectable-active-bg-color);color:var(--ti-cascader-node-selectable-text-color)}.tiny-cascader-node.in-active-path:hover,.tiny-cascader-node.is-active:hover{background:var(--ti-cascader-node-selectable-hover-bg-color)}.tiny-cascader-node.in-active-path:hover{background:var(--ti-cascader-node-selectable-hover-bg-color)}.tiny-cascader-node:not(.is-disabled):not(.in-active-path):not(.is-active):focus,.tiny-cascader-node:not(.is-disabled):not(.in-active-path):not(.is-active):hover{background:var(--ti-cascader-node-hover-bg-color);color:var(--ti-cascader-node-hover-text-color)}.tiny-cascader-node:not(.is-disabled){cursor:pointer}.tiny-cascader-node.is-disabled{color:var(--ti-cascader-node-disabled-text-color);fill:var(--ti-cascader-node-disabled-text-color);background-color:var(--ti-cascader-node-disabled-bg-color);cursor:not-allowed}.tiny-cascader-node__postfix,.tiny-cascader-node__prefix{font-size:var(--ti-cascader-node-icon-font-size);fill:var(--ti-cascader-node-icon-color)}.tiny-cascader-node__prefix{position:absolute;left:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:var(--ti-cascader-node-prefix-display)!important}.tiny-cascader-node__postfix{position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-cascader-node__label{max-width:360px;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:var(--ti-cascader-node-label-padding-vertical) var(--ti-cascader-node-label-padding-horizontal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-cascader-node__label{-ms-flex-preferred-size:auto;flex-basis:auto}}.tiny-cascader-node>.tiny-radio{margin-right:var(--ti-cascader-node-radio-margin-right)}.tiny-cascader-node>.tiny-radio .tiny-radio__label{padding-left:0}.tiny-cascader-node>.tiny-checkbox{margin-right:var(--ti-cascader-node-radio-margin-right)}
|
package/cascader-panel/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-cascader-panel{--ti-cascader-panel-border-radius:var(--ti-common-border-radius-normal);--ti-cascader-panel-border-color:var(--ti-common-color-
|
|
1
|
+
.tiny-cascader-panel{--ti-cascader-panel-border-radius:var(--ti-common-border-radius-normal);--ti-cascader-panel-border-color:var(--ti-common-color-line-disabled);--ti-cascader-panel-font-size:var(--ti-common-font-size-base);--ti-cascader-panel-node-height:var(--ti-common-size-height-normal);--ti-cascader-panel-node-margin-top:var(--ti-common-space-0);--ti-cascader-panel-node-label-padding-vertical:var(--ti-common-space-0);--ti-cascader-panel-node-label-padding-right:calc(var(--ti-common-space-8x) - 2px);--ti-cascader-panel-node-label-padding-left:var(--ti-common-space-5x);--ti-cascader-panel-node-border-radius:var(--ti-common-border-radius-normal);display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:var(--ti-cascader-panel-border-radius);font-size:var(--ti-cascader-panel-font-size);border:1px solid var(--ti-cascader-panel-border-color)}.tiny-cascader-panel.is-bordered{border:1px solid var(--ti-cascader-panel-border-color);border-radius:var(--ti-cascader-panel-border-radius)}.tiny-cascader-panel .tiny-cascader-node{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--ti-cascader-panel-node-label-padding-vertical) var(--ti-cascader-panel-node-label-padding-right) var(--ti-cascader-panel-node-label-padding-vertical) var(--ti-cascader-panel-node-label-padding-left);height:var(--ti-cascader-panel-node-height);line-height:var(--ti-cascader-panel-node-height);outline:0;border-radius:var(--ti-cascader-panel-node-border-radius);margin-top:var(--ti-cascader-panel-node-margin-top)}
|
package/checkbox/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-checkbox{--ti-checkbox-text-color:var(--ti-common-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-bg-color:var(--ti-base-color-brand-2);--ti-checkbox-bg-color:var(--ti-base-color-white);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-hover-text-color:var(--ti-base-color-common-7);--ti-checkbox-button-checked-border-color:var(--ti-base-color-brand-6);--ti-checkbox-button-disabled-text-color:var(--ti-common-color-placeholder);--ti-checkbox-disabled-bg-color:var(--ti-base-color-bg-5);--ti-checkbox-button-disabled-bg-color:var(--ti-base-color-bg-5);--ti-checkbox-button-text-color:var(--ti-common-color-info-normal);--ti-checkbox-button-checked-text-color:var(--ti-common-color-info-normal);--ti-checkbox-inner-border-color:var(--ti-common-color-light);--ti-checkbox-bg-color-checked:var(--ti-base-color-brand-6);--ti-checkbox-border-color-checked:var(--ti-base-color-brand-6);--ti-checkbox-border-color:var(--ti-common-color-line-normal);--ti-checkbox-border-color-hover:var(--ti-base-color-brand-6);--ti-checkbox-icon-height:8px;--ti-checkbox-icon-width:4px;--ti-checkbox-icon-left:4.5px;--ti-checkbox-icon-top:0;--ti-checkbox-bg-color-disable:var(--ti-base-color-bg-5);--ti-checkbox-border-color-unchecked-disabled:var(--ti-base-color-common-1);--ti-checkbox-label-text-color-disabled:var(--ti-base-color-common-2);--ti-checkbox-bg-color-hover:var(--ti-base-color-brand-3);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;white-space:nowrap;margin-right:30px;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.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:normal;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:17px;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:15px;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:12px;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-border-color-unchecked-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-label-text-color-disabled);border-color:var(--ti-checkbox-label-text-color-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-bg-color-disable)}.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-label-text-color-disabled);border-color:var(--ti-checkbox-label-text-color-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-bg-color-disable);border-color:var(--ti-checkbox-bg-color-disable)}.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-checked);border-color:var(--ti-checkbox-border-color-checked)}.tiny-checkbox__inner{display:inline-block;position:relative;border:1px solid var(--ti-checkbox-border-color);border-radius:var(--ti-common-border-radius-normal);-webkit-box-sizing:border-box;box-sizing:border-box;width:16px;height:16px;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__inner:hover{border-color:var(--ti-checkbox-border-color-hover)}.tiny-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:1px solid #fff;border-width:0 2px 2px 0;border-left:0;border-top:0;height:var(--ti-checkbox-icon-height);width:var(--ti-checkbox-icon-width);position:absolute;left:var(--ti-checkbox-icon-left);top:var(--ti-checkbox-icon-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__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)}
|
|
1
|
+
.tiny-checkbox{--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-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-bg-color-hover:var(--ti-common-color-bg-light-emphasize);--ti-checkbox-button-border-color:#e9edfa;--ti-checkbox-button-border-color-hover:#C2C2C2;--ti-checkbox-button-border-radius:0px;--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-border-color:#dbdbdb;--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.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 .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:16px;height:16px;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__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)}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export const tinyCheckboxSmbTheme = {
|
|
2
|
+
'ti-checkbox-border-radius': '4px',
|
|
3
|
+
'ti-checkbox-label-text-color-disabled': '#c2c2c2',
|
|
4
|
+
'ti-checkbox-bg-color-disable': 'rgba(0,0,0,0.05)',
|
|
5
|
+
'ti-checkbox-icon-color-disabled': '#fff',
|
|
6
|
+
'ti-checkbox-bg-color-checked-disabled': '#dbdbdb',
|
|
7
|
+
'ti-checkbox-border-color-checked-disabled': '#dbdbdb',
|
|
8
|
+
'ti-checkbox-checkline-width': 'var(--ti-common-border-weight-normal)',
|
|
9
|
+
'ti-checkbox-label-margin-right': 'var(--ti-common-space-6x)',
|
|
10
|
+
'ti-checkbox-icon-margin-top': '1px',
|
|
11
|
+
'ti-checkbox-icon-margin-left': '4px',
|
|
12
|
+
'ti-checkbox-button-checked-bg-color': '#FFFFFF',
|
|
13
|
+
'ti-checkbox-button-checked-text-color': '#191919',
|
|
14
|
+
'ti-checkbox-button-text-color': '#595959',
|
|
15
|
+
'ti-checkbox-button-bg-color-hover': '#FFFFFF',
|
|
16
|
+
'ti-checkbox-button-hover-text-color': '#191919',
|
|
17
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-checkbox-button{--ti-checkbox-text-color:var(--ti-common-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-
|
|
1
|
+
.tiny-checkbox-button{--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-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-bg-color-hover:var(--ti-common-color-bg-light-emphasize);--ti-checkbox-button-border-color:#e9edfa;--ti-checkbox-button-border-color-hover:#C2C2C2;--ti-checkbox-button-border-radius:0px;--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-border-color:#dbdbdb;--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:not(.is-disabled).is-checked::after{content:'';position:absolute;width:0;height:0;right:4px;top:0;border-bottom:20px solid transparent;border-right:20px solid #191919;border-top-right-radius:6px;display:var(--ti-checkbox-button-checked-display)}.tiny-checkbox-button:not(.is-disabled).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:not(.is-disabled).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:not(.is-disabled).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-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__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-common-font-size-2);min-width:80px;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:not(.is-disabled).is-checked::after{border-bottom:16px solid transparent;border-right:16px solid #000;border-top-right-radius:4px;top:2px;right:2px}.tiny-checkbox-button--mini:not(.is-disabled).is-checked::before{height:8px;width:4px;right:4px;top:1px}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export const tinyCheckboxButtonSmbTheme = {
|
|
2
|
+
'ti-checkbox-button-bg-color': '#fff',
|
|
3
|
+
'ti-checkbox-button-bg-color-hover': 'var(--ti-common-color-bg-hover)',
|
|
4
|
+
'ti-checkbox-button-hover-text-color': '#fff',
|
|
5
|
+
'ti-checkbox-button-border-color': '#C2C2C2',
|
|
6
|
+
'ti-checkbox-button-hover-text-color': '#191919',
|
|
7
|
+
'ti-checkbox-button-border-color-hover': '#191919',
|
|
8
|
+
'ti-checkbox-button-right-border-radius': '6px',
|
|
9
|
+
'ti-checkbox-button-left-border-radius': '6px',
|
|
10
|
+
'ti-checkbox-button-border-radius': '6px',
|
|
11
|
+
'ti-checkbox-button-padding-horizontal': '16px',
|
|
12
|
+
'ti-checkbox-button-padding-vertical': '4px',
|
|
13
|
+
'ti-checkbox-button-height': '22px',
|
|
14
|
+
'ti-checkbox-button-margin-horizontal': '4px',
|
|
15
|
+
'ti-checkbox-button-mini-margin-horizontal': '2px',
|
|
16
|
+
'ti-checkbox-button-size-mini-font-size': 'var(--ti-common-font-size-0)',
|
|
17
|
+
'ti-checkbox-button-size-mini-border-radius': '4px',
|
|
18
|
+
'ti-checkbox-button-size-small-padding-horizontal': '16px',
|
|
19
|
+
'ti-checkbox-button-size-small-height': '32px',
|
|
20
|
+
'ti-checkbox-button-checked-display': 'block',
|
|
21
|
+
'ti-checkbox-button-disabled-bg-color': 'rgba(0,0,0,0.05)',
|
|
22
|
+
'ti-checkbox-button-margin-top': '8px',
|
|
23
|
+
'ti-checkbox-button-mini-left-border-radius': '4px',
|
|
24
|
+
'ti-checkbox-button-mini-right-border-radius': '4px',
|
|
25
|
+
'ti-checkbox-button-mini-last-left-border-radius': '4px',
|
|
26
|
+
'ti-checkbox-button-mini-last-right-border-radius': '4px'
|
|
27
|
+
}
|
package/checkbox-group/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-checkbox-group{--ti-checkbox-text-color:var(--ti-common-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-
|
|
1
|
+
.tiny-checkbox-group{--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-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-bg-color-hover:var(--ti-common-color-bg-light-emphasize);--ti-checkbox-button-border-color:#e9edfa;--ti-checkbox-button-border-color-hover:#C2C2C2;--ti-checkbox-button-border-radius:0px;--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-border-color:#dbdbdb;--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:nowrap;--ti-checkbox-group-margin-top:-8px;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}.tiny-checkbox-group.is-vertical .tiny-checkbox-button:first-child .tiny-checkbox-button__inner{border-radius:2px 2px 0 0}.tiny-checkbox-group.is-vertical .tiny-checkbox-button:last-child .tiny-checkbox-button__inner{border-radius:0 0 2px 2px}.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)}
|
package/collapse/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-
|
|
1
|
+
.tiny-collapsefade-in-linear-enter-active,.tiny-collapsefade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}.tiny-collapsefade-in-linear-enter,.tiny-collapsefade-in-linear-enter-from,.tiny-collapsefade-in-linear-leave,.tiny-collapsefade-in-linear-leave-active,.tiny-collapsefade-in-linear-leave-from{opacity:0}.tiny-collapsefade-in-enter-active,.tiny-collapsefade-in-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.tiny-collapsefade-in-enter,.tiny-collapsefade-in-enter-from,.tiny-collapsefade-in-leave-active{opacity:0}.tiny-collapsezoom-in-center-enter-active,.tiny-collapsezoom-in-center-leave-active{-webkit-transition:all .3s cubic-bezier(.55,0,.1,1);transition:all .3s cubic-bezier(.55,0,.1,1)}.tiny-collapsezoom-in-center-enter,.tiny-collapsezoom-in-center-enter-from,.tiny-collapsezoom-in-center-leave-active{opacity:0;-webkit-transform:scaleX(0);transform:scaleX(0)}.tiny-collapsezoom-in-top-enter-active,.tiny-collapsezoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.tiny-collapsezoom-in-top-enter,.tiny-collapsezoom-in-top-enter-from,.tiny-collapsezoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.tiny-collapsezoom-in-bottom-enter-active,.tiny-collapsezoom-in-bottom-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center bottom;transform-origin:center bottom}.tiny-collapsezoom-in-bottom-enter,.tiny-collapsezoom-in-bottom-leave-active,.tiny-collapsezoom-in-left-enter-from{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}.tiny-collapsezoom-in-left-enter-active,.tiny-collapsezoom-in-left-leave-active{opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top left;transform-origin:top left}.tiny-collapsezoom-in-left-enter,.tiny-collapsezoom-in-left-enter-from,.tiny-collapsezoom-in-left-leave-active{opacity:0;-webkit-transform:scale(.45,.45);transform:scale(.45,.45)}.tiny-collapselist-enter-active,.tiny-collapselist-leave-active{-webkit-transition:all 1s;transition:all 1s}.tiny-collapselist-enter,.tiny-collapselist-enter-from,.tiny-collapselist-leave-active{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.tiny-collapseopacity-transition{-webkit-transition:opacity .3s cubic-bezier(.55,0,.1,1);transition:opacity .3s cubic-bezier(.55,0,.1,1)}.collapse-transition{-webkit-transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;transition:.3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.horizontal-collapse-transition{-webkit-transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;transition:.3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out}.fade-in-linear-enter,.fade-in-linear-enter-from,.fade-in-linear-leave,.fade-in-linear-leave-active,.fade-in-linear-leave-from{opacity:0}.fade-in-linear-enter-active,.fade-in-linear-leave-active{-webkit-transition:opacity .2s linear;transition:opacity .2s linear}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export const tinyCollapseitemAuroraTheme = {
|
|
2
|
+
'ti-collapse-item-icon-color': '#333333',
|
|
3
|
+
'ti-collapse-item-arrow-hover-text-color': '#1890ff',
|
|
4
|
+
'ti-collapse-item-header-bg-color': '#fff',
|
|
5
|
+
'ti-collapse-item-header-min-height': '46px',
|
|
6
|
+
'ti-collapse-item-content-border-color-top': 'transparent',
|
|
7
|
+
'ti-collapse-item-header-font-weight': 'var(--ti-common-font-weight-7)',
|
|
8
|
+
'ti-collapse-item-border-color-right': 'transparent',
|
|
9
|
+
'ti-collapse-item-border-color-left': 'transparent',
|
|
10
|
+
'ti-collapse-item-border-color-top': 'transparent',
|
|
11
|
+
'ti-collapse-item-disabled-border-color-top': 'transparent',
|
|
12
|
+
'ti-collapse-item-disabled-border-color-left': 'transparent',
|
|
13
|
+
'ti-collapse-item-disabled-border-color-right': 'transparent',
|
|
14
|
+
'ti-collapse-item-header-padding-horizontal': 'var(--ti-common-space-6x)',
|
|
15
|
+
'ti-collapse-item-header-font-size': 'var(--ti-common-font-size-1)',
|
|
16
|
+
'ti-collapse-item-icon-font-size': 'var(--ti-common-font-size-1)',
|
|
17
|
+
'ti-collapse-item-margin-top': 'var(--ti-common-space-0)',
|
|
18
|
+
'ti-collapse-item-content-padding-left': 'var(--ti-common-space-6x)',
|
|
19
|
+
'ti-collapse-item-content-padding-bottom': 'var(--ti-common-space-6x)',
|
|
20
|
+
'ti-collapse-item-content-padding-right': 'var(--ti-common-space-6x)',
|
|
21
|
+
'ti-collapse-item-content-padding-top': 'var(--ti-common-space-0)'
|
|
22
|
+
}
|
package/collapse-item/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-collapse-item{--ti-collapse-item-text-color:var(--ti-common-color-
|
|
1
|
+
.tiny-collapse-item{--ti-collapse-item-text-color:var(--ti-common-color-text-primary);--ti-collapse-item-bg-color:var(--ti-common-color-bg-white-normal);--ti-collapse-item-border-color:var(--ti-common-color-line-dividing);--ti-collapse-item-border-color-left:var(--ti-collapse-item-border-color);--ti-collapse-item-border-color-right:var(--ti-collapse-item-border-color);--ti-collapse-item-border-color-top:var(--ti-collapse-item-border-color);--ti-collapse-item-disabled-border-color-left:var(--ti-collapse-item-border-color);--ti-collapse-item-disabled-border-color-right:var(--ti-collapse-item-border-color);--ti-collapse-item-disabled-border-color-top:var(--ti-collapse-item-border-color);--ti-collapse-item-border-radius:var(--ti-common-border-radius-normal);--ti-collapse-item-margin-top:var(--ti-common-space-2x);--ti-collapse-item-header-min-height:var(--ti-common-size-8x);--ti-collapse-item-icon-color:var(--ti-common-color-icon-normal);--ti-collapse-item-wrap-bg-color:var(--ti-common-color-light);--ti-collapse-item-disabled-text-color:var(--ti-common-color-text-disabled);--ti-collapse-item-disabled-header-bg-color:var(--ti-common-color-bg-disabled);--ti-collapse-item-header-font-size:var(--ti-common-font-size-base);--ti-collapse-item-header-font-weight:var(--ti-common-font-weight-4);--ti-collapse-item-header-focus-text-color:var(--ti-common-color-text-primary);--ti-collapse-item-arrow-font-size:var(--ti-common-font-size-base);--ti-collapse-item-arrow-margin-right:var(--ti-common-space-3x);--ti-collapse-item-arrow-hover-text-color:var(--ti-common-color-info);--ti-collapse-item-icon-font-size:var(--ti-common-font-size-2);--ti-collapse-item-header-padding-vertical:var(--ti-common-space-0);--ti-collapse-item-header-padding-horizontal:var(--ti-common-space-4x);--ti-collapse-item-header-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-collapse-item-header-border-color:var(--ti-common-color-transparent);--ti-collapse-item-header-border-color-left:var(--ti-collapse-item-header-border-color);--ti-collapse-item-header-border-color-right:var(--ti-collapse-item-header-border-color);--ti-collapse-item-content-border-color:var(--ti-common-color-transparent);--ti-collapse-item-content-border-color-left:var(--ti-collapse-item-content-border-color);--ti-collapse-item-content-border-color-right:var(--ti-collapse-item-content-border-color);--ti-collapse-item-content-border-color-top:var(--ti-collapse-item-border-color);--ti-collapse-item-content-padding-top:var(--ti-common-space-3x);--ti-collapse-item-content-padding-left:var(--ti-common-space-4x);--ti-collapse-item-content-padding-right:var(--ti-common-space-4x);--ti-collapse-item-content-padding-bottom:var(--ti-common-space-3x);--ti-collapse-item-content-font-size:var(--ti-common-font-size-base);margin-top:var(--ti-collapse-item-margin-top);background-color:var(--ti-collapse-item-bg-color);border:1px solid var(--ti-collapse-item-border-color);border-left-color:var(--ti-collapse-item-border-color-left);border-right-color:var(--ti-collapse-item-border-color-right);border-top-color:var(--ti-collapse-item-border-color-top);border-radius:var(--ti-collapse-item-border-radius)}.tiny-collapse-item:last-child{margin-bottom:-1px}.tiny-collapse-item.is-disabled{border-left-color:var(--ti-collapse-item-disabled-border-color-left);border-right-color:var(--ti-collapse-item-disabled-border-color-right);border-top-color:var(--ti-collapse-item-disabled-border-color-top)}.tiny-collapse-item.is-disabled .tiny-collapse-item__header{color:var(--ti-collapse-item-disabled-text-color);background-color:var(--ti-collapse-item-disabled-header-bg-color);cursor:not-allowed}.tiny-collapse-item.is-disabled .tiny-collapse-item__arrow svg{fill:var(--ti-collapse-item-disabled-text-color)}.tiny-collapse-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid var(--ti-collapse-item-header-border-color);border-left-color:var(--ti-collapse-item-header-border-color-left);border-right-color:var(--ti-collapse-item-header-border-color-right);font-weight:var(--ti-collapse-item-header-font-weight);-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--ti-collapse-item-header-min-height);background-color:var(--ti-collapse-item-header-bg-color);color:var(--ti-collapse-item-text-color);font-size:var(--ti-collapse-item-header-font-size);outline:0;cursor:pointer;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;border-radius:var(--ti-collapse-item-border-radius);padding:var(--ti-collapse-item-header-padding-vertical) var(--ti-collapse-item-header-padding-horizontal)}.tiny-collapse-item__header.focusing:focus:not(:hover){color:var(--ti-collapse-item-header-focus-text-color)}.tiny-collapse-item__header .tiny-collapse-item__arrow{margin-right:var(--ti-collapse-item-arrow-margin-right);font-size:var(--ti-collapse-item-arrow-font-size);-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tiny-collapse-item__header .tiny-collapse-item__arrow svg{font-size:var(--ti-collapse-item-icon-font-size);fill:var(--ti-collapse-item-icon-color)}.tiny-collapse-item__header.is-active{border-bottom-color:transparent}.tiny-collapse-item__header.is-active .tiny-collapse-item__arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);fill:var(--ti-collapse-item-arrow-hover-text-color)}.tiny-collapse-item:hover:not(.is-disabled) .tiny-collapse-item__arrow svg{fill:var(--ti-collapse-item-arrow-hover-text-color)}.tiny-collapse-item__wrap{will-change:height;background-color:var(--ti-collapse-item-wrap-bg-color);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-collapse-item__content{padding-top:var(--ti-collapse-item-content-padding-top);padding-right:var(--ti-collapse-item-content-padding-right);padding-bottom:var(--ti-collapse-item-content-padding-bottom);padding-left:var(--ti-collapse-item-content-padding-left);font-size:var(--ti-collapse-item-content-font-size);color:var(--ti-collapse-item-text-color);border:1px solid var(--ti-collapse-item-content-border-color);border-right-color:var(--ti-collapse-item-content-border-color-right);border-left-color:var(--ti-collapse-item-content-border-color-left);border-top-color:var(--ti-collapse-item-content-border-color-top);line-height:var(--ti-collapse-item-content-line-height)}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
export const tinyCollapseItemSmbTheme = {
|
|
2
|
+
'ti-collapse-item-border-radius': '0',
|
|
3
|
+
'ti-collapse-item-header-padding-vertical': '9px',
|
|
4
|
+
'ti-collapse-item-header-padding-horizontal': 'var(--ti-common-space-5x)',
|
|
5
|
+
'ti-collapse-item-header-min-height': 'var(--ti-common-size-height-medium)',
|
|
6
|
+
'ti-collapse-item-icon-color': '#808080',
|
|
7
|
+
'ti-collapse-item-border-color': 'transparent',
|
|
8
|
+
'ti-collapse-item-content-border-color': 'rgba(0,0,0,0.08)',
|
|
9
|
+
'ti-collapse-item-content-border-color-top': 'rgba(0,0,0,0.08)',
|
|
10
|
+
'ti-collapse-item-content-padding-top': 'var(--ti-common-space-6x)',
|
|
11
|
+
'ti-collapse-item-content-padding-right': 'var(--ti-common-space-5x)',
|
|
12
|
+
'ti-collapse-item-content-padding-bottom': 'var(--ti-common-space-6x)',
|
|
13
|
+
'ti-collapse-item-content-padding-left': 'var(--ti-common-space-5x)',
|
|
14
|
+
'ti-collapse-item-arrow-hover-text-color': '#191919'
|
|
15
|
+
}
|
package/crop/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-crop__wrapper{--ti-crop-drag-box-bg-color:var(--ti-common-color-light);--ti-crop-modal-bg-color:var(--ti-common-color-dark);--ti-crop-view-box-outline-color:var(--ti-base-color-brand-6);--ti-crop-center-bg-color:#eeeeee;--ti-crop-face-bg-color:var(--ti-common-color-light);--ti-crop-line-bg-color:var(--ti-base-color-brand-6);--ti-crop-point-bg-color:var(--ti-base-color-brand-6);--ti-crop-opration-height:var(--ti-common-size-height-minor);--ti-crop-opration-bg-color:rgba(55, 55, 55, 0.3);--ti-crop-opration-span-bg-color:rgba(0, 0, 0, 0.5);--ti-crop-opration-span-text-color:var(--ti-common-color-light);--ti-crop-opration-span-hover-bg-color:rgba(0, 0, 0, 0.8);--ti-crop-modal-mask-bg-color:rgba(55, 55, 55, 0.5);--ti-crop-moda-close-bg-color:rgba(0, 0, 0, 0.5);--ti-crop-moda-close-icon-color:var(--ti-common-color-light);--ti-crop-nopic-bg-color:rgba(0, 0, 0, 0.3);--ti-crop-nopic-center-text-color:rgba(255, 255, 255, 0.6)}.tiny-crop .cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-crop .cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.tiny-crop .cropper-canvas,.tiny-crop .cropper-crop-box,.tiny-crop .cropper-drag-box,.tiny-crop .cropper-modal,.tiny-crop .cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.tiny-crop .cropper-canvas,.tiny-crop .cropper-wrap-box{overflow:hidden}.tiny-crop .cropper-drag-box{background-color:var(--ti-crop-drag-box-bg-color);opacity:0}.tiny-crop .cropper-modal{background-color:var(--ti-crop-modal-bg-color);opacity:.5}.tiny-crop .cropper-view-box{display:block;height:100%;outline-color:rgba(51,153,255,.75);outline:1px solid var(--ti-crop-view-box-outline-color);overflow:hidden;width:100%}.tiny-crop .cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.tiny-crop .cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.tiny-crop .cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.tiny-crop .cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.tiny-crop .cropper-center:after,.tiny-crop .cropper-center:before{background-color:var(--ti-crop-center-bg-color);content:' ';display:block;position:absolute}.tiny-crop .cropper-center:before{height:1px;left:-3px;top:0;width:7px}.tiny-crop .cropper-center:after{height:7px;left:0;top:-3px;width:1px}.tiny-crop .cropper-face,.tiny-crop .cropper-line,.tiny-crop .cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.tiny-crop .cropper-face{background-color:var(--ti-crop-face-bg-color);left:0;top:0}.tiny-crop .cropper-line{background-color:var(--ti-crop-line-bg-color)}.tiny-crop .cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.tiny-crop .cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.tiny-crop .cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.tiny-crop .cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.tiny-crop .cropper-point{background-color:var(--ti-crop-point-bg-color);height:5px;opacity:.75;width:5px}.tiny-crop .cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.tiny-crop .cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.tiny-crop .cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.tiny-crop .cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.tiny-crop .cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.tiny-crop .cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.tiny-crop .cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.tiny-crop .cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.tiny-crop .cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.tiny-crop .cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.tiny-crop .cropper-point.point-se{height:5px;opacity:.75;width:5px}}.tiny-crop .cropper-point.point-se:before{background-color:var(--ti-crop-point-bg-color);bottom:-50%;content:' ';display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.tiny-crop .cropper-invisible{opacity:0}.tiny-crop .cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.tiny-crop .cropper-hide{display:block;height:0;position:absolute;width:0}.tiny-crop .cropper-hidden{display:none!important}.tiny-crop .cropper-move{cursor:move}.tiny-crop .cropper-crop{cursor:crosshair}.tiny-crop .cropper-disabled .cropper-drag-box,.tiny-crop .cropper-disabled .cropper-face,.tiny-crop .cropper-disabled .cropper-line,.tiny-crop .cropper-disabled .cropper-point{cursor:not-allowed}.tiny-crop .img-container{margin:auto;overflow:hidden}.tiny-crop .img-container>img{max-width:100%}.tiny-crop .opration{height:var(--ti-crop-opration-height);line-height:var(--ti-crop-opration-height);text-align:center;background-color:var(--ti-crop-opration-bg-color);position:relative}.tiny-crop .opration span{width:26px;height:26px;margin:0 2px;display:inline-block;color:var(--ti-crop-opration-span-text-color);cursor:pointer;border-radius:50%;background-color:var(--ti-crop-opration-span-bg-color)}.tiny-crop .opration span:hover{background-color:var(--ti-crop-opration-span-hover-bg-color);width:28px;height:28px}.tiny-crop .opration span.tiny-icon::before{position:relative}.tiny-crop .crop-modal-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:var(--ti-crop-modal-mask-bg-color);height:100%;z-index:1000}.tiny-crop .crop-modal-warp{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.tiny-crop .crop-modal{position:relative;top:100px;margin:0 auto 50px;background:#fff;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.tiny-crop .moda-close{position:absolute;top:-40px;right:-40px;width:80px;height:80px;cursor:pointer;border-radius:50%;background-color:var(--ti-crop-moda-close-bg-color)}.tiny-crop .moda-close .tiny-icon{top:45px;left:16px;color:var(--ti-crop-moda-close-icon-color);z-index:9999999}.tiny-crop .img-preview-box{position:fixed;top:100px}.tiny-crop .img-preview{height:9rem;width:16rem;overflow:hidden}@media (max-width:768px){.tiny-crop .preview-lg{display:none}}@media (max-width:600px){.tiny-crop .preview-md{display:none}}.tiny-crop .preview-lg{height:9rem;width:16rem;margin-top:4px}.tiny-crop .preview-md{height:4.5rem;width:8rem;margin-top:4px}.tiny-crop .preview-sm{height:2.25rem;width:4rem;margin-top:4px}.tiny-crop .img-preview>img{max-width:100%}.tiny-crop .nopic{height:200px;text-align:center;background:var(--ti-crop-nopic-bg-color)}.tiny-crop .nopic-center{position:relative;font-size:50px;color:var(--ti-crop-nopic-center-text-color);cursor:pointer;top:50px}.tiny-crop input[type=file]{display:none}.tiny-crop{position:fixed;height:100%;width:100%;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;top:0;left:0;z-index:1000;background:rgba(97,97,97,.5)}.tiny-crop__dialog-content__handle{width:652px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:26px;margin:10px 0 20px}.tiny-crop__dialog-content__handle__button{width:268px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tiny-crop__dialog{width:652px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;z-index:1001}.tiny-crop__dialog-cropper{width:652px;height:300px;overflow:hidden}.tiny-crop__dialog-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-crop__dialog-content__crop{width:314px;height:200px;border:1px solid #393939;-webkit-box-sizing:border-box;box-sizing:border-box;background:gray;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-crop__dialog-content__crop img{height:100%;width:100%}.tiny-croppreview{position:fixed;top:calc(100% - 50% - 150px);left:calc(100% - 50% + 336px);height:300px;width:300px;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1002;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.iconButton{border-radius:50%;background:#616161;height:26px;width:26px;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;cursor:pointer}.iconButton .iconButtonset{fill:#fff;height:12px;width:12px}.iconButton:hover{background:#272727}.croppreview{height:100%;width:100%}.croppreviewb{width:214px;height:140px;overflow:hidden;background:#fff}.croppreviewm{width:114px;height:80px;overflow:hidden;background:#fff}.croppreviews{width:84px;height:60px;overflow:hidden;background:#fff}
|
|
1
|
+
.tiny-crop__wrapper{--ti-crop-drag-box-bg-color:var(--ti-common-color-bg-white-normal);--ti-crop-modal-bg-color:var(--ti-common-color-dark);--ti-crop-view-box-outline-color:var(--ti-common-color-line-active);--ti-crop-center-bg-color:var(--ti-common-color-icon-graybg-disabled);--ti-crop-face-bg-color:var(--ti-common-color-light);--ti-crop-line-bg-color:var(--ti-common-color-bg-emphasize);--ti-crop-point-bg-color:var(--ti-common-color-bg-emphasize);--ti-crop-opration-height:var(--ti-common-size-height-normal);--ti-crop-opration-bg-color:rgba(55, 55, 55, 0.3);--ti-crop-opration-span-bg-color:rgba(0, 0, 0, 0.5);--ti-crop-opration-span-text-color:var(--ti-common-color-light);--ti-crop-opration-span-hover-bg-color:rgba(0, 0, 0, 0.8);--ti-crop-modal-mask-bg-color:rgba(55, 55, 55, 0.5);--ti-crop-moda-close-bg-color:rgba(0, 0, 0, 0.5);--ti-crop-moda-close-icon-color:var(--ti-common-color-light);--ti-crop-nopic-bg-color:rgba(0, 0, 0, 0.3);--ti-crop-nopic-center-text-color:rgba(255, 255, 255, 0.6)}.tiny-crop .cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-crop .cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.tiny-crop .cropper-canvas,.tiny-crop .cropper-crop-box,.tiny-crop .cropper-drag-box,.tiny-crop .cropper-modal,.tiny-crop .cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.tiny-crop .cropper-canvas,.tiny-crop .cropper-wrap-box{overflow:hidden}.tiny-crop .cropper-drag-box{background-color:var(--ti-crop-drag-box-bg-color);opacity:0}.tiny-crop .cropper-modal{background-color:var(--ti-crop-modal-bg-color);opacity:.5}.tiny-crop .cropper-view-box{display:block;height:100%;outline-color:rgba(51,153,255,.75);outline:1px solid var(--ti-crop-view-box-outline-color);overflow:hidden;width:100%}.tiny-crop .cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.tiny-crop .cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.tiny-crop .cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.tiny-crop .cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.tiny-crop .cropper-center:after,.tiny-crop .cropper-center:before{background-color:var(--ti-crop-center-bg-color);content:' ';display:block;position:absolute}.tiny-crop .cropper-center:before{height:1px;left:-3px;top:0;width:7px}.tiny-crop .cropper-center:after{height:7px;left:0;top:-3px;width:1px}.tiny-crop .cropper-face,.tiny-crop .cropper-line,.tiny-crop .cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.tiny-crop .cropper-face{background-color:var(--ti-crop-face-bg-color);left:0;top:0}.tiny-crop .cropper-line{background-color:var(--ti-crop-line-bg-color)}.tiny-crop .cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.tiny-crop .cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.tiny-crop .cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.tiny-crop .cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.tiny-crop .cropper-point{background-color:var(--ti-crop-point-bg-color);height:5px;opacity:.75;width:5px}.tiny-crop .cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.tiny-crop .cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.tiny-crop .cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.tiny-crop .cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.tiny-crop .cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.tiny-crop .cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.tiny-crop .cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.tiny-crop .cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.tiny-crop .cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.tiny-crop .cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.tiny-crop .cropper-point.point-se{height:5px;opacity:.75;width:5px}}.tiny-crop .cropper-point.point-se:before{background-color:var(--ti-crop-point-bg-color);bottom:-50%;content:' ';display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.tiny-crop .cropper-invisible{opacity:0}.tiny-crop .cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.tiny-crop .cropper-hide{display:block;height:0;position:absolute;width:0}.tiny-crop .cropper-hidden{display:none!important}.tiny-crop .cropper-move{cursor:move}.tiny-crop .cropper-crop{cursor:crosshair}.tiny-crop .cropper-disabled .cropper-drag-box,.tiny-crop .cropper-disabled .cropper-face,.tiny-crop .cropper-disabled .cropper-line,.tiny-crop .cropper-disabled .cropper-point{cursor:not-allowed}.tiny-crop .img-container{margin:auto;overflow:hidden}.tiny-crop .img-container>img{max-width:100%}.tiny-crop .opration{height:var(--ti-crop-opration-height);line-height:var(--ti-crop-opration-height);text-align:center;background-color:var(--ti-crop-opration-bg-color);position:relative}.tiny-crop .opration span{width:26px;height:26px;margin:0 2px;display:inline-block;color:var(--ti-crop-opration-span-text-color);cursor:pointer;border-radius:50%;background-color:var(--ti-crop-opration-span-bg-color)}.tiny-crop .opration span:hover{background-color:var(--ti-crop-opration-span-hover-bg-color);width:28px;height:28px}.tiny-crop .opration span.tiny-icon::before{position:relative}.tiny-crop .crop-modal-mask{position:fixed;top:0;bottom:0;left:0;right:0;background-color:var(--ti-crop-modal-mask-bg-color);height:100%;z-index:1000}.tiny-crop .crop-modal-warp{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;z-index:1000;-webkit-overflow-scrolling:touch;outline:0}.tiny-crop .crop-modal{position:relative;top:100px;margin:0 auto 50px;background:#fff;border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:50%}.tiny-crop .moda-close{position:absolute;top:-40px;right:-40px;width:80px;height:80px;cursor:pointer;border-radius:50%;background-color:var(--ti-crop-moda-close-bg-color)}.tiny-crop .moda-close .tiny-icon{top:45px;left:16px;color:var(--ti-crop-moda-close-icon-color);z-index:9999999}.tiny-crop .img-preview-box{position:fixed;top:100px}.tiny-crop .img-preview{height:9rem;width:16rem;overflow:hidden}@media (max-width:768px){.tiny-crop .preview-lg{display:none}}@media (max-width:600px){.tiny-crop .preview-md{display:none}}.tiny-crop .preview-lg{height:9rem;width:16rem;margin-top:4px}.tiny-crop .preview-md{height:4.5rem;width:8rem;margin-top:4px}.tiny-crop .preview-sm{height:2.25rem;width:4rem;margin-top:4px}.tiny-crop .img-preview>img{max-width:100%}.tiny-crop .nopic{height:200px;text-align:center;background:var(--ti-crop-nopic-bg-color)}.tiny-crop .nopic-center{position:relative;font-size:50px;color:var(--ti-crop-nopic-center-text-color);cursor:pointer;top:50px}.tiny-crop input[type=file]{display:none}.tiny-crop{position:fixed;height:100%;width:100%;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;top:0;left:0;z-index:1000;background:rgba(97,97,97,.5)}.tiny-crop__dialog-content__handle{width:652px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:26px;margin:10px 0 20px}.tiny-crop__dialog-content__handle__button{width:268px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.tiny-crop__dialog{width:652px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;z-index:1001}.tiny-crop__dialog-cropper{width:652px;height:300px;overflow:hidden}.tiny-crop__dialog-content{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-crop__dialog-content__crop{width:314px;height:200px;border:1px solid #393939;-webkit-box-sizing:border-box;box-sizing:border-box;background:gray;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-crop__dialog-content__crop img{height:100%;width:100%}.tiny-croppreview{position:fixed;top:calc(100% - 50% - 150px);left:calc(100% - 50% + 336px);height:300px;width:300px;display:-webkit-box;display:-ms-flexbox;display:flex;z-index:1002;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.iconButton{border-radius:50%;background:#616161;height:26px;width:26px;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;cursor:pointer}.iconButton .iconButtonset{fill:#fff;height:12px;width:12px}.iconButton:hover{background:#272727}.croppreview{height:100%;width:100%}.croppreviewb{width:214px;height:140px;overflow:hidden;background:#fff}.croppreviewm{width:114px;height:80px;overflow:hidden;background:#fff}.croppreviews{width:84px;height:60px;overflow:hidden;background:#fff}
|