@brizy/ui
Version:
React elements in Brizy style
1 lines • 12.4 kB
CSS
.brz-ui-image-preview,.brz-ui-modal{pointer-events:none}.brz-ui-image-preview.zoom-appear,.brz-ui-image-preview.zoom-enter,.brz-ui-modal.zoom-appear,.brz-ui-modal.zoom-enter{transform:none;opacity:0;animation-duration:.3s;user-select:none}.brz-ui-image-preview-mask,.brz-ui-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;height:100%;background-color:rgba(0,0,0,.45)}.brz-ui-image-preview-mask-hidden,.brz-ui-modal-mask-hidden{display:none}.brz-ui-image-preview-wrap,.brz-ui-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.brz-ui-cascader{box-sizing:border-box;margin:0;padding:0;color:var(--color-dark,#212733);font-size:14px;font-variant:proportional-nums;line-height:1.7;list-style:none;font-feature-settings:'tnum'}.brz-ui-cascader-input.brz-ui-input{position:static;width:100%;padding-right:24px;background-color:transparent;cursor:pointer}.brz-ui-cascader-picker-show-search .brz-ui-cascader-input.brz-ui-input{position:relative}.brz-ui-cascader-picker{box-sizing:border-box;margin:0;padding:0;color:var(--color-dark,#212733);font-size:14px;font-variant:proportional-nums;line-height:1.7;list-style:none;font-feature-settings:'tnum';position:relative;display:inline-block;background-color:var(--color-white,#fff);border-radius:3px;outline:0;cursor:pointer;transition:color .3s;width:100%;font-weight:600}.brz-ui-cascader-picker-with-value .brz-ui-cascader-picker-label{color:transparent}.brz-ui-cascader-picker-disabled{color:rgba(0,0,0,.25);background:var(--brz-ui-global-input-background,var(--brz-ui-input-background,var(--color-white,#fff)));cursor:not-allowed}.brz-ui-cascader-picker-disabled .brz-ui-cascader-input{cursor:not-allowed}.brz-ui-cascader-picker:focus .brz-ui-cascader-input{border-color:#0d0c0c;border-right-width:1px;box-shadow:0 0 0 2px var(--color-primary-fade-20,#3dbfe833)}.brz-ui-cascader-picker-borderless .brz-ui-cascader-input{border-color:transparent;box-shadow:none}.brz-ui-cascader-picker-show-search.brz-ui-cascader-picker-focused{color:rgba(0,0,0,.25)}.brz-ui-cascader-picker-label{position:absolute;top:50%;left:0;width:100%;height:20px;margin-top:-10px;padding:0 20px 0 8px;overflow:hidden;line-height:20px;white-space:nowrap;text-overflow:ellipsis}.brz-ui-cascader-picker-clear{position:absolute;top:50%;z-index:2;margin-top:-6px;color:rgba(0,0,0,.25);font-size:13px;line-height:12px;background:var(--color-white,#fff);cursor:pointer;opacity:0;transition:color .3s,opacity .15s}.brz-ui-cascader-picker-clear:hover{color:var(--color-gray,#777f86)}.brz-ui-cascader-picker:hover .brz-ui-cascader-picker-clear{opacity:1}.brz-ui-cascader-picker-arrow{position:absolute;z-index:1;margin-top:-6px;color:rgba(0,0,0,.25);line-height:12px}.brz-ui-cascader-picker-label:hover+.brz-ui-cascader-input:not(.brz-ui-cascader-picker-disabled .brz-ui-cascader-picker-label:hover + .brz-ui-cascader-input){border-color:var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)));border-right-width:1px}.brz-ui-cascader-menus{position:absolute;z-index:1050;font-size:13px;white-space:nowrap;background:var(--color-white,#fff);border-radius:3px;box-shadow:0 3px 8px 2px rgba(0,0,0,.09);background-color:var(--color-gray-lightest,#f1f1f1)}.brz-ui-cascader-menus ol,.brz-ui-cascader-menus ul{margin:0;list-style:none}.brz-ui-cascader-menus-empty,.brz-ui-cascader-menus-hidden{display:none}.brz-ui-cascader-menus.slide-up-appear.slide-up-appear-active.brz-ui-cascader-menus-placement-bottomLeft,.brz-ui-cascader-menus.slide-up-enter.slide-up-enter-active.brz-ui-cascader-menus-placement-bottomLeft{animation-name:antSlideUpIn}.brz-ui-cascader-menus.slide-up-appear.slide-up-appear-active.brz-ui-cascader-menus-placement-topLeft,.brz-ui-cascader-menus.slide-up-enter.slide-up-enter-active.brz-ui-cascader-menus-placement-topLeft{animation-name:antSlideDownIn}.brz-ui-cascader-menus.slide-up-leave.slide-up-leave-active.brz-ui-cascader-menus-placement-bottomLeft{animation-name:antSlideUpOut}.brz-ui-cascader-menus.slide-up-leave.slide-up-leave-active.brz-ui-cascader-menus-placement-topLeft{animation-name:antSlideDownOut}.brz-ui-cascader-menu{display:inline-block;min-width:111px;height:180px;margin:0;padding:0;overflow:auto;vertical-align:top;list-style:none;border-right:1px solid #f0f0f0;-ms-overflow-style:-ms-autohiding-scrollbar}.brz-ui-cascader-menu:first-child{border-radius:3px 0 0 3px}.brz-ui-cascader-menu:last-child{margin-right:-1px;border-right-color:transparent;border-radius:0 3px 3px 0}.brz-ui-cascader-menu:only-child{border-radius:3px}.brz-ui-cascader-menu-item{padding:8px;overflow:hidden;line-height:33px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:.3s}.brz-ui-cascader-menu-item:hover{background:#f5f5f5}.brz-ui-cascader-menu-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.brz-ui-cascader-menu-item-disabled:hover{background:0 0}.brz-ui-cascader-menu-empty .brz-ui-cascader-menu-item{color:rgba(0,0,0,.25);cursor:default;pointer-events:none}.brz-ui-cascader-menu-item-active:not(.brz-ui-cascader-menu-item-disabled),.brz-ui-cascader-menu-item-active:not(.brz-ui-cascader-menu-item-disabled):hover{font-weight:600;background-color:var(--color-primary-1,#f0feff)}.brz-ui-cascader-menu-item-expand{position:relative;padding-right:24px}.brz-ui-cascader-menu-item-expand .brz-ui-cascader-menu-item-expand-icon,.brz-ui-cascader-menu-item-loading-icon{display:inline-block;font-size:10px;position:absolute;right:8px;color:var(--color-gray,#777f86)}.brz-ui-cascader-menu-item-disabled.brz-ui-cascader-menu-item-expand .brz-ui-cascader-menu-item-expand-icon,.brz-ui-cascader-menu-item-disabled.brz-ui-cascader-menu-item-loading-icon{color:rgba(0,0,0,.25)}.brz-ui-cascader-menu-item .brz-ui-cascader-menu-item-keyword{color:#ff4d4f}.brz-ui-cascader-picker-rtl .brz-ui-cascader-input.brz-ui-input{padding-right:14px;padding-left:24px;text-align:right}.brz-ui-cascader-picker-rtl{direction:rtl}.brz-ui-cascader-picker-rtl .brz-ui-cascader-picker-label{padding:0 8px 0 20px;text-align:right}.brz-ui-cascader-picker-rtl .brz-ui-cascader-picker-arrow,.brz-ui-cascader-picker-rtl .brz-ui-cascader-picker-clear{right:auto;left:8px}.brz-ui-cascader-picker-rtl.brz-ui-cascader-picker-small .brz-ui-cascader-picker-arrow,.brz-ui-cascader-picker-rtl.brz-ui-cascader-picker-small .brz-ui-cascader-picker-clear{right:auto;left:4px}.brz-ui-cascader-menu-rtl .brz-ui-cascader-menu{direction:rtl;border-right:none;border-left:1px solid #f0f0f0}.brz-ui-cascader-menu-rtl .brz-ui-cascader-menu:first-child{border-radius:0 3px 3px 0}.brz-ui-cascader-menu-rtl .brz-ui-cascader-menu:last-child{margin-right:0;margin-left:-1px;border-left-color:transparent;border-radius:3px 0 0 3px}.brz-ui-cascader-menu-rtl .brz-ui-cascader-menu:only-child{border-radius:3px}.brz-ui-cascader-menu-rtl .brz-ui-cascader-menu-item-expand{padding-right:8px;padding-left:24px}.brz-ui-cascader-menu-rtl .brz-ui-cascader-menu-item-expand .brz-ui-cascader-menu-item-expand-icon,.brz-ui-cascader-menu-rtl .brz-ui-cascader-menu-item-loading-icon{right:auto;left:8px}.brz-ui-cascader-menu-rtl .brz-ui-cascader-menu-item-loading-icon{transform:scaleY(-1)}.brz-ui-cascader-picker .brz-ui-cascader-picker-label{font-size:13px;padding-left:14px}.brz-ui-cascader-picker-small .brz-ui-cascader-picker-label{font-size:12px;padding-left:10px}.brz-ui-cascader-picker-small .brz-ui-cascader-picker-arrow{right:unset;inset-inline-end:11px}.brz-ui-cascader-picker-small .brz-ui-cascader-picker-clear{right:unset;inset-inline-end:6.5px;top:14px}.brz-ui-cascader-picker-large .brz-ui-cascader-picker-label{font-size:15px;padding-left:25px}.brz-ui-cascader-picker-large .brz-ui-cascader-picker-arrow{right:unset;inset-inline-end:20px}.brz-ui-cascader-picker-large .brz-ui-cascader-picker-clear{right:unset;inset-inline-end:16px;top:23px}.brz-ui-cascader-picker:focus{border-color:var(--color-gray-light,#d5d9db);outline:transparent solid 2px;outline-offset:2px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.brz-ui-cascader-picker:focus .brz-ui-input.brz-ui-cascader-input{outline-width:0}.brz-ui-cascader-picker::placeholder{color:var(--primary-blue,#212733)}.brz-ui-cascader-picker-clear{right:unset;inset-inline-end:13px}.brz-ui-cascader-picker-clear:hover{color:var(--primary-blue,#212733)}.brz-ui-cascader-picker-arrow{user-select:none;width:0;height:0;top:50%;--tw-translate-y:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));right:unset;inset-inline-end:15px;font-size:0;border-style:solid;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-width:6px 4.5px 0;transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(0.4,0,1,1)}.brz-ui-cascader-picker:hover .brz-ui-cascader-picker-arrow{border-top-color:var(--primary-blue,#212733)}.brz-ui-cascader-picker:focus .brz-ui-cascader-input{border-color:var(--color-gray-light,#d5d9db);outline:transparent solid 2px;outline-offset:2px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.brz-ui-cascader-picker:focus .brz-ui-cascader-picker-arrow-expand{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.brz-ui-cascader-picker-disabled .brz-ui-cascader-picker-arrow,.brz-ui-cascader-picker-disabled:hover .brz-ui-cascader-picker-arrow{border-top-color:var(--color-gray-light,#d5d9db)}.brz-ui-cascader-picker .brz-ui-input-sm{height:30px;padding:0 10px;font-size:12px}.brz-ui-cascader-picker .brz-ui-input{font-size:12px;line-height:1}.brz-ui-cascader-picker .brz-ui-input-lg{height:48px;padding:14px 25px;font-size:15px}.brz-ui-cascader-picker .anticon svg{display:none}.brz-ui-cascader-picker .brz-ui-input:focus{border-color:var(--color-gray-light,#d5d9db);outline:transparent solid 2px;outline-offset:2px;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.brz-ui-cascader-menus .brz-ui-cascader-menu-item{font-size:12px;display:flex;align-items:center;justify-content:space-between;height:32px;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.brz-ui-cascader-menus .brz-ui-cascader-menu-item-active{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity,1))}.brz-ui-cascader-menus .brz-ui-cascader-menu-item:hover{background-color:var(--switch__handle-bg,#fff);color:var(--active-color,#3dbfe8)}.anticon-close-circle{top:18.5px;right:unset;inset-inline-end:11px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8px' height='6px' viewBox='0 0 16 16' fill='currentColor'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M15.6571429,0.342857143 C15.2,-0.114285714 14.5142857,-0.114285714 14.0571429,0.342857143 L8,6.4 L1.94285714,0.342857143 C1.48571429,-0.114285714 0.8,-0.114285714 0.342857143,0.342857143 C-0.114285714,0.8 -0.114285714,1.48571429 0.342857143,1.94285714 L6.4,8 L0.342857143,14.0571429 C-0.114285714,14.5142857 -0.114285714,15.2 0.342857143,15.6571429 C0.571428571,15.8857143 0.8,16 1.14285714,16 C1.48571429,16 1.71428571,15.8857143 1.94285714,15.6571429 L8,9.6 L14.0571429,15.6571429 C14.2857143,15.8857143 14.6285714,16 14.8571429,16 C15.0857143,16 15.4285714,15.8857143 15.6571429,15.6571429 C16.1142857,15.2 16.1142857,14.5142857 15.6571429,14.0571429 L9.6,8 L15.6571429,1.94285714 C16.1142857,1.48571429 16.1142857,0.8 15.6571429,0.342857143 Z' fill='currentColor' fill-rule='nonzero'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;padding:0;--tw-rotate:270deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.brz-ui-cascader-picker-clear{height:12px;width:12px}