@brizy/ui
Version:
React elements in Brizy style
1 lines • 5.99 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}@keyframes antCheckboxEffect{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.6);opacity:0}}.brz-ui-checkbox{box-sizing:border-box;margin:0;padding:0;color:var(--color-dark,#212733);font-size:14px;font-variant:proportional-nums;list-style:none;font-feature-settings:'tnum';position:relative;top:-.09em;display:inline-block;line-height:1;white-space:nowrap;vertical-align:middle;outline:0;cursor:pointer}.brz-ui-checkbox-input:focus+.brz-ui-checkbox-inner,.brz-ui-checkbox-wrapper:hover .brz-ui-checkbox-inner,.brz-ui-checkbox:hover .brz-ui-checkbox-inner{border-color:var(--color-white,#fff)}.brz-ui-checkbox-checked::after{position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid var(--color-white,#fff);border-radius:3px;visibility:hidden;animation:.36s ease-in-out backwards antCheckboxEffect;content:''}.brz-ui-checkbox-wrapper:hover .brz-ui-checkbox::after,.brz-ui-checkbox:hover::after{visibility:visible}.brz-ui-checkbox-inner{position:relative;top:0;left:0;display:block;width:16px;height:16px;direction:ltr;background-color:var(--color-white,#fff);border:1px solid var(--color-gray-light,#d5d9db);border-radius:3px;border-collapse:separate;transition:.3s;border:1px solid var(--color-gray-mid,#a1a8ad)}.brz-ui-checkbox-inner::after{position:absolute;top:50%;left:22%;display:table;width:5.71428571px;height:9.14285714px;border:2px solid var(--color-white,#fff);border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:.1s cubic-bezier(.71, -.46, .88, .6),opacity .1s;content:' '}.brz-ui-checkbox-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:pointer;opacity:0}.brz-ui-checkbox-checked .brz-ui-checkbox-inner::after{position:absolute;display:table;border:2px solid var(--color-white,#fff);border-top:0;border-left:0;transform:rotate(45deg) scale(1) translate(-50%,-50%);opacity:1;transition:.2s cubic-bezier(.12, .4, .29, 1.46) .1s;content:' '}.brz-ui-checkbox-checked .brz-ui-checkbox-inner{background-color:var(--color-white,#fff);border-color:var(--color-white,#fff)}.brz-ui-checkbox-disabled{cursor:not-allowed}.brz-ui-checkbox-disabled.brz-ui-checkbox-checked .brz-ui-checkbox-inner::after{border-color:rgba(0,0,0,.25);animation-name:none}.brz-ui-checkbox-disabled .brz-ui-checkbox-input{cursor:not-allowed}.brz-ui-checkbox-disabled .brz-ui-checkbox-inner{background-color:var(--brz-ui-global-input-background,var(--brz-ui-input-background,var(--color-white,#fff)));border-color:var(--color-gray-light,#d5d9db)}.brz-ui-checkbox-disabled .brz-ui-checkbox-inner::after{border-color:var(--brz-ui-global-input-background,var(--brz-ui-input-background,var(--color-white,#fff)));border-collapse:separate;animation-name:none}.brz-ui-checkbox-disabled+span{color:rgba(0,0,0,.25);cursor:not-allowed}.brz-ui-checkbox-disabled:hover::after,.brz-ui-checkbox-wrapper:hover .brz-ui-checkbox-disabled::after{visibility:hidden}.brz-ui-checkbox-wrapper{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';display:inline-block;line-height:unset;cursor:pointer}.brz-ui-checkbox-wrapper.brz-ui-checkbox-wrapper-disabled{cursor:not-allowed}.brz-ui-checkbox-wrapper+.brz-ui-checkbox-wrapper{margin-left:8px}.brz-ui-checkbox+span{padding-right:8px;padding-left:8px}.brz-ui-checkbox-group{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';display:inline-block}.brz-ui-checkbox-group-item{display:inline-block;margin-right:8px}.brz-ui-checkbox-group-item:last-child{margin-right:0}.brz-ui-checkbox-group-item+.brz-ui-checkbox-group-item{margin-left:0}.brz-ui-checkbox-indeterminate .brz-ui-checkbox-inner{background-color:var(--color-white,#fff);border-color:var(--color-gray-light,#d5d9db)}.brz-ui-checkbox-indeterminate .brz-ui-checkbox-inner::after{top:50%;left:50%;width:8px;height:8px;background-color:var(--color-white,#fff);border:0;transform:translate(-50%,-50%) scale(1);opacity:1;content:' '}.brz-ui-checkbox-indeterminate.brz-ui-checkbox-disabled .brz-ui-checkbox-inner::after{background-color:rgba(0,0,0,.25);border-color:rgba(0,0,0,.25)}.brz-ui-checkbox-rtl{direction:rtl}.brz-ui-checkbox-group-rtl .brz-ui-checkbox-group-item{margin-right:0;margin-left:8px}.brz-ui-checkbox-group-rtl .brz-ui-checkbox-group-item:last-child{margin-left:0}.brz-ui-checkbox-group-rtl .brz-ui-checkbox-group-item+.brz-ui-checkbox-group-item{margin-left:8px}.brz-ui-checkbox-inner:after{left:32%;width:5.714286px;height:7.142857px}.brz-ui-checkbox-checked .brz-ui-checkbox-inner,.brz-ui-checkbox-checked:after{border:1px solid var(--color-gray-mid,#a1a8ad)}.brz-ui-checkbox-checked .brz-ui-checkbox-inner:after{border:2px solid var(--color-gray,#777f86);border-top:0;border-left:0}.brz-ui-checkbox-wrapper{color:var(--color-gray,#777f86);font-weight:600;display:flex;align-items:center}.brz-ui-checkbox-wrapper .brz-ui-checkbox{vertical-align:initial;top:0;display:block}.brz-ui-checkbox-input:focus+.brz-ui-checkbox-inner,.brz-ui-checkbox-wrapper:hover .brz-ui-checkbox-inner,.brz-ui-checkbox:hover .brz-ui-checkbox-inner{border:1px solid var(--color-gray-mid,#a1a8ad)}.brz-ui-checkbox-group{display:flex}