@brizy/ui
Version:
React elements in Brizy style
1 lines • 16.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-pagination{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-pagination ol,.brz-ui-pagination ul{margin:0;padding:0;list-style:none}.brz-ui-pagination::after{display:block;clear:both;height:0;overflow:hidden;visibility:hidden;content:' '}.brz-ui-pagination-total-text{display:inline-block;height:32px;margin-right:8px;line-height:30px;vertical-align:middle}.brz-ui-pagination-item{display:inline-block;min-width:32px;height:32px;margin-right:8px;font-family:Nunito,"Open Sans",Arial,sans-serif;line-height:30px;text-align:center;vertical-align:middle;list-style:none;background-color:var(--color-white,#fff);border:1px solid var(--color-gray-light,#d5d9db);border-radius:3px;outline:0;cursor:pointer;user-select:none}.brz-ui-pagination-item a{display:block;padding:0 6px;color:var(--color-dark,#212733);transition:none}.brz-ui-pagination-item a:hover{text-decoration:none}.brz-ui-pagination-item:focus,.brz-ui-pagination-item:hover{border-color:var(--color-blue,#3dbfe8);transition:.3s}.brz-ui-pagination-item:focus a,.brz-ui-pagination-item:hover a{color:var(--color-blue,#3dbfe8)}.brz-ui-pagination-item-active{font-weight:600;background:0 0;border-color:var(--color-blue,#3dbfe8)}.brz-ui-pagination-item-active a{color:var(--color-blue,#3dbfe8)}.brz-ui-pagination-item-active:focus,.brz-ui-pagination-item-active:hover{border-color:var(--color-blue,#3dbfe8)}.brz-ui-pagination-item-active:focus a,.brz-ui-pagination-item-active:hover a{color:var(--color-blue,#3dbfe8)}.brz-ui-pagination-jump-next,.brz-ui-pagination-jump-prev{outline:0}.brz-ui-pagination-jump-next .brz-ui-pagination-item-container,.brz-ui-pagination-jump-prev .brz-ui-pagination-item-container{position:relative}.brz-ui-pagination-jump-next .brz-ui-pagination-item-container .brz-ui-pagination-item-link-icon,.brz-ui-pagination-jump-prev .brz-ui-pagination-item-container .brz-ui-pagination-item-link-icon{color:var(--color-blue,#3dbfe8);font-size:13px;letter-spacing:-1px;opacity:0;transition:.2s}.brz-ui-pagination-jump-next .brz-ui-pagination-item-container .brz-ui-pagination-item-link-icon-svg,.brz-ui-pagination-jump-prev .brz-ui-pagination-item-container .brz-ui-pagination-item-link-icon-svg{top:0;right:0;bottom:0;left:0;margin:auto}.brz-ui-pagination-jump-next .brz-ui-pagination-item-container .brz-ui-pagination-item-ellipsis,.brz-ui-pagination-jump-prev .brz-ui-pagination-item-container .brz-ui-pagination-item-ellipsis{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:auto;color:rgba(0,0,0,.25);font-family:Arial,Helvetica,sans-serif;letter-spacing:2px;text-align:center;text-indent:.13em;opacity:1;transition:.2s}.brz-ui-pagination-jump-next:focus .brz-ui-pagination-item-link-icon,.brz-ui-pagination-jump-next:hover .brz-ui-pagination-item-link-icon,.brz-ui-pagination-jump-prev:focus .brz-ui-pagination-item-link-icon,.brz-ui-pagination-jump-prev:hover .brz-ui-pagination-item-link-icon{opacity:1}.brz-ui-pagination-jump-next:focus .brz-ui-pagination-item-ellipsis,.brz-ui-pagination-jump-next:hover .brz-ui-pagination-item-ellipsis,.brz-ui-pagination-jump-prev:focus .brz-ui-pagination-item-ellipsis,.brz-ui-pagination-jump-prev:hover .brz-ui-pagination-item-ellipsis{opacity:0}.brz-ui-pagination-jump-next,.brz-ui-pagination-jump-prev,.brz-ui-pagination-prev{margin-right:8px}.brz-ui-pagination-jump-next,.brz-ui-pagination-jump-prev,.brz-ui-pagination-next,.brz-ui-pagination-prev{display:inline-block;min-width:32px;height:32px;color:var(--color-dark,#212733);font-family:Nunito,"Open Sans",Arial,sans-serif;line-height:32px;text-align:center;vertical-align:middle;list-style:none;border-radius:3px;cursor:pointer;transition:.3s}.brz-ui-pagination-next,.brz-ui-pagination-prev{font-family:Arial,Helvetica,sans-serif;outline:0}.brz-ui-pagination-next button,.brz-ui-pagination-prev button{color:var(--color-dark,#212733);cursor:pointer;user-select:none}.brz-ui-pagination-next:hover button,.brz-ui-pagination-prev:hover button{border-color:var(--color-blue,#3dbfe8)}.brz-ui-pagination-next .brz-ui-pagination-item-link,.brz-ui-pagination-prev .brz-ui-pagination-item-link{display:block;width:100%;height:100%;font-size:12px;text-align:center;background-color:transparent;border:1px solid var(--color-gray-light,#d5d9db);border-radius:3px;outline:0;transition:.3s}.brz-ui-pagination-next:focus .brz-ui-pagination-item-link,.brz-ui-pagination-next:hover .brz-ui-pagination-item-link,.brz-ui-pagination-prev:focus .brz-ui-pagination-item-link,.brz-ui-pagination-prev:hover .brz-ui-pagination-item-link{color:var(--color-blue,#3dbfe8);border-color:var(--color-blue,#3dbfe8)}.brz-ui-pagination-disabled,.brz-ui-pagination-disabled:focus,.brz-ui-pagination-disabled:hover{cursor:not-allowed}.brz-ui-pagination-disabled .brz-ui-pagination-item-link,.brz-ui-pagination-disabled:focus .brz-ui-pagination-item-link,.brz-ui-pagination-disabled:hover .brz-ui-pagination-item-link{color:rgba(0,0,0,.25);border-color:var(--color-gray-light,#d5d9db);cursor:not-allowed}.brz-ui-pagination-slash{margin:0 10px 0 5px;right:1px;position:relative}.brz-ui-pagination-options{display:inline-block;margin-left:16px;vertical-align:middle}@media all and (-ms-high-contrast:none){.brz-ui-pagination-options,.brz-ui-pagination-options ::-ms-backdrop{vertical-align:top}}.brz-ui-pagination-options-size-changer.brz-ui-select{display:inline-block;width:auto;margin-right:8px}.brz-ui-pagination-options-quick-jumper{display:inline-block;height:38px;line-height:38px;vertical-align:top}.brz-ui-pagination-options-quick-jumper input{position:relative;display:inline-block;min-width:0;padding:11px 14px;color:var(--brz-ui-global-input-color,var(--brz-ui-input-color,var(--color-dark,#212733)));font-size:14px;line-height:1.7;background-color:var(--brz-ui-global-input-background,var(--brz-ui-input-background,var(--color-white,#fff)));background-image:none;border:1px solid var(--brz-ui-global-input-border-color,var(--brz-ui-input-border-color,var(--color-gray-light,#d5d9db)));border-radius:3px;transition:.3s;width:50px;margin:0 8px}.brz-ui-pagination-options-quick-jumper input::-moz-placeholder{opacity:1}.brz-ui-pagination-options-quick-jumper input::placeholder{color:var(--color-gray-mid,#a1a8ad)}.brz-ui-pagination-options-quick-jumper input:placeholder-shown{text-overflow:ellipsis}.brz-ui-pagination-options-quick-jumper input:hover{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-pagination-options-quick-jumper input-focused,.brz-ui-pagination-options-quick-jumper input:focus{border-color:#0d0c0c;border-right-width:1px;outline:0;box-shadow:0 0 0 2px var(--color-primary-fade-20,#3dbfe833)}.brz-ui-pagination-options-quick-jumper input-disabled{color:var(--brz-ui-global-input-color,var(--brz-ui-input-color,var(--color-dark,#212733)));background-color:var(--brz-ui-global-input-background,var(--brz-ui-input-background,var(--color-white,#fff)));cursor:not-allowed;opacity:1}.brz-ui-pagination-options-quick-jumper input-disabled:hover{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-pagination-options-quick-jumper input[disabled]{color:var(--brz-ui-global-input-color,var(--brz-ui-input-color,var(--color-dark,#212733)));background-color:var(--brz-ui-global-input-background,var(--brz-ui-input-background,var(--color-white,#fff)));cursor:not-allowed;opacity:1}.brz-ui-pagination-options-quick-jumper input[disabled]:hover{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-pagination-options-quick-jumper input-borderless,.brz-ui-pagination-options-quick-jumper input-borderless-disabled,.brz-ui-pagination-options-quick-jumper input-borderless-focused,.brz-ui-pagination-options-quick-jumper input-borderless:focus,.brz-ui-pagination-options-quick-jumper input-borderless:hover,.brz-ui-pagination-options-quick-jumper input-borderless[disabled]{background-color:transparent;border:none;box-shadow:none}textarea.brz-ui-pagination-options-quick-jumper input{max-width:100%;height:auto;min-height:38px;line-height:1.7;vertical-align:bottom;transition:.3s,height}.brz-ui-pagination-options-quick-jumper input-lg{padding:14px 25px;font-size:16px}.brz-ui-pagination-options-quick-jumper input-sm{padding:5.5px 10px}.brz-ui-pagination-simple .brz-ui-pagination-next,.brz-ui-pagination-simple .brz-ui-pagination-prev{height:24px;line-height:24px;vertical-align:top}.brz-ui-pagination-simple .brz-ui-pagination-next .brz-ui-pagination-item-link,.brz-ui-pagination-simple .brz-ui-pagination-prev .brz-ui-pagination-item-link{height:24px;background-color:transparent;border:0}.brz-ui-pagination-simple .brz-ui-pagination-next .brz-ui-pagination-item-link::after,.brz-ui-pagination-simple .brz-ui-pagination-prev .brz-ui-pagination-item-link::after{height:24px;line-height:24px}.brz-ui-pagination-simple .brz-ui-pagination-simple-pager{display:inline-block;height:24px;margin-right:8px}.brz-ui-pagination-simple .brz-ui-pagination-simple-pager input{box-sizing:border-box;height:100%;margin-right:8px;padding:0 6px;text-align:center;background-color:var(--color-white,#fff);border:1px solid var(--color-gray-light,#d5d9db);border-radius:3px;outline:0;transition:border-color .3s}.brz-ui-pagination-simple .brz-ui-pagination-simple-pager input:hover{border-color:var(--color-blue,#3dbfe8)}.brz-ui-pagination-simple .brz-ui-pagination-simple-pager input[disabled]{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:var(--color-gray-light,#d5d9db);cursor:not-allowed}.brz-ui-pagination.mini .brz-ui-pagination-simple-pager,.brz-ui-pagination.mini .brz-ui-pagination-total-text{height:24px;line-height:24px}.brz-ui-pagination.mini .brz-ui-pagination-item{min-width:24px;height:24px;margin:0;line-height:22px}.brz-ui-pagination.mini .brz-ui-pagination-item:not(.brz-ui-pagination-item-active){background:0 0;border-color:transparent}.brz-ui-pagination.mini .brz-ui-pagination-next,.brz-ui-pagination.mini .brz-ui-pagination-prev{min-width:24px;height:24px;margin:0;line-height:24px}.brz-ui-pagination.mini .brz-ui-pagination-next .brz-ui-pagination-item-link,.brz-ui-pagination.mini .brz-ui-pagination-prev .brz-ui-pagination-item-link{background:0 0;border-color:transparent}.brz-ui-pagination.mini .brz-ui-pagination-next .brz-ui-pagination-item-link::after,.brz-ui-pagination.mini .brz-ui-pagination-prev .brz-ui-pagination-item-link::after{height:24px;line-height:24px}.brz-ui-pagination.mini .brz-ui-pagination-jump-next,.brz-ui-pagination.mini .brz-ui-pagination-jump-prev{height:24px;margin-right:0;line-height:24px}.brz-ui-pagination.mini .brz-ui-pagination-options{margin-left:2px}.brz-ui-pagination.mini .brz-ui-pagination-options-size-changer{top:0}.brz-ui-pagination.mini .brz-ui-pagination-options-quick-jumper{height:24px;line-height:24px}.brz-ui-pagination.mini .brz-ui-pagination-options-quick-jumper input{padding:5.5px 10px;width:44px}.brz-ui-pagination.brz-ui-pagination-disabled{cursor:not-allowed}.brz-ui-pagination.brz-ui-pagination-disabled .brz-ui-pagination-item{background:#f5f5f5;border-color:var(--color-gray-light,#d5d9db);cursor:not-allowed}.brz-ui-pagination.brz-ui-pagination-disabled .brz-ui-pagination-item a{color:rgba(0,0,0,.25);background:0 0;border:none;cursor:not-allowed}.brz-ui-pagination.brz-ui-pagination-disabled .brz-ui-pagination-item-active{border-color:transparent}.brz-ui-pagination.brz-ui-pagination-disabled .brz-ui-pagination-item-active a{color:var(--color-white,#fff);opacity:.5;color:var(--color-dark,#212733)}.brz-ui-pagination.brz-ui-pagination-disabled .brz-ui-pagination-item-link{color:rgba(0,0,0,.25);background:#f5f5f5;border-color:var(--color-gray-light,#d5d9db);cursor:not-allowed}.brz-ui-pagination-simple.brz-ui-pagination.brz-ui-pagination-disabled .brz-ui-pagination-item-link{background:0 0}.brz-ui-pagination.brz-ui-pagination-disabled .brz-ui-pagination-item-link-icon{opacity:0}.brz-ui-pagination.brz-ui-pagination-disabled .brz-ui-pagination-item-ellipsis{opacity:1}.brz-ui-pagination.brz-ui-pagination-disabled .brz-ui-pagination-simple-pager{color:rgba(0,0,0,.25)}@media only screen and (max-width:992px){.brz-ui-pagination-item-after-jump-prev,.brz-ui-pagination-item-before-jump-next{display:none}}@media only screen and (max-width:576px){.brz-ui-pagination-options{display:none}}.brz-ui-pagination-rtl{direction:rtl}.brz-ui-pagination-rtl .brz-ui-pagination-item,.brz-ui-pagination-rtl .brz-ui-pagination-jump-next,.brz-ui-pagination-rtl .brz-ui-pagination-jump-prev,.brz-ui-pagination-rtl .brz-ui-pagination-prev,.brz-ui-pagination-rtl .brz-ui-pagination-total-text{margin-right:0;margin-left:8px}.brz-ui-pagination-rtl .brz-ui-pagination-slash{margin:0 5px 0 10px}.brz-ui-pagination-rtl .brz-ui-pagination-options{margin-right:16px;margin-left:0}.brz-ui-pagination-rtl .brz-ui-pagination-options-size-changer.brz-ui-select,.brz-ui-pagination-rtl.brz-ui-pagination-simple .brz-ui-pagination-simple-pager,.brz-ui-pagination-rtl.brz-ui-pagination-simple .brz-ui-pagination-simple-pager input{margin-right:0;margin-left:8px}.brz-ui-pagination-rtl.brz-ui-pagination.mini .brz-ui-pagination-options{margin-right:2px;margin-left:0}.brz-ui-pagination-mini:not(:first-child){margin-left:10px}.brz-ui-pagination h4{font-size:14px;line-height:27px;color:var(--color-gray,#777f86)}.brz-ui-pagination.mini.brz-ui-pagination-mini:not(.brz-ui-pagination-disabled) .brz-ui-pagination-item-active{border-color:transparent}.brz-ui-pagination.mini.brz-ui-pagination-mini:not(.brz-ui-pagination-disabled) .brz-ui-pagination-item-active a{font-weight:600;color:var(--color-dark,#212733)}.brz-ui-pagination.mini.brz-ui-pagination-mini:not(.brz-ui-pagination-disabled) .brz-ui-pagination-item a{font-size:14px;font-weight:600;color:var(--color-gray,#777f86)}.brz-ui-pagination.mini.brz-ui-pagination-mini:not(.brz-ui-pagination-disabled) .brz-ui-pagination-item a:hover{color:var(--color-dark,#212733)}.brz-ui-pagination.mini.brz-ui-pagination-mini:not(.brz-ui-pagination-disabled) .brz-ui-pagination-item-link{font-size:10px}.brz-ui-pagination.mini.brz-ui-pagination-mini:not(.brz-ui-pagination-disabled) .brz-ui-pagination-item-link .anticon{color:#818a91}.brz-ui-pagination.mini.brz-ui-pagination-mini:not(.brz-ui-pagination-disabled) .brz-ui-pagination-item-active:focus,.brz-ui-pagination.mini.brz-ui-pagination-mini:not(.brz-ui-pagination-disabled) .brz-ui-pagination-item-active:hover{border-color:transparent}.brz-ui-pagination.mini.brz-ui-pagination-mini:not(.brz-ui-pagination-disabled) .brz-ui-pagination-next,.brz-ui-pagination.mini.brz-ui-pagination-mini:not(.brz-ui-pagination-disabled) .brz-ui-pagination-prev{min-width:15px;height:27px}.brz-ui-pagination.mini.brz-ui-pagination-mini:not(.brz-ui-pagination-disabled) .brz-ui-pagination-next:hover svg,.brz-ui-pagination.mini.brz-ui-pagination-mini:not(.brz-ui-pagination-disabled) .brz-ui-pagination-prev:hover svg{color:var(--color-dark,#212733)}.brz-ui-pagination.mini.brz-ui-pagination-mini:not(.brz-ui-pagination-disabled) .brz-ui-pagination-disabled.brz-ui-pagination-next:hover svg,.brz-ui-pagination.mini.brz-ui-pagination-mini:not(.brz-ui-pagination-disabled) .brz-ui-pagination-disabled.brz-ui-pagination-prev:hover svg{color:#818a91}.brz-ui-pagination-simple:not(.brz-ui-pagination-disabled) .brz-ui-pagination-simple-pager input:hover{border-color:var(--color-dark,#212733)}.brz-ui-pagination.brz-ui-pagination-disabled .brz-ui-pagination-item-active{background:0 0}